-
Notifications
You must be signed in to change notification settings - Fork 86
[avatar]: shape should remain circular when space is limited #14232
Copy link
Copy link
Open
Labels
Calcite (dev)Issues logged by Calcite developers.Issues logged by Calcite developers.bugBug reports for broken functionality. Issues should include a reproduction of the bug.Bug reports for broken functionality. Issues should include a reproduction of the bug.c-avatarIssues that pertain to the calcite-avatar componentIssues that pertain to the calcite-avatar componentcalcite-componentsIssues specific to the @esri/calcite-components package.Issues specific to the @esri/calcite-components package.impact - p3 - not time sensitiveUser set priority impact status of p3 - not time sensitiveUser set priority impact status of p3 - not time sensitiveneeds triagePlanning workflow - pending design/dev review.Planning workflow - pending design/dev review.
Metadata
Metadata
Assignees
Labels
Calcite (dev)Issues logged by Calcite developers.Issues logged by Calcite developers.bugBug reports for broken functionality. Issues should include a reproduction of the bug.Bug reports for broken functionality. Issues should include a reproduction of the bug.c-avatarIssues that pertain to the calcite-avatar componentIssues that pertain to the calcite-avatar componentcalcite-componentsIssues specific to the @esri/calcite-components package.Issues specific to the @esri/calcite-components package.impact - p3 - not time sensitiveUser set priority impact status of p3 - not time sensitiveUser set priority impact status of p3 - not time sensitiveneeds triagePlanning workflow - pending design/dev review.Planning workflow - pending design/dev review.
Type
Fields
Give feedbackNo fields configured for issues without a type.
monday.com sync: #11703122416
Check existing issues
Which Component
Avatar
Actual Behavior
When space is limited, the avatar shape becomes ovular. This also impacts Navigation User since Avatar is used within it.
Avatar example

Navigation User example

Expected Behavior
The shape of the avatar should remain round regardless of space constraints.
Reproduction Sample
https://codepen.io/DintaMel-the-lessful/pen/wBzEmeV?editors=1000
Reproduction Steps
Avatar
Avatar within Navigation User
Reproduction Version
5.0.2
Relevant Info
No response
Regression?
No response
Priority impact
impact - p3 - not time sensitive
Impact
No response
Calcite package
Esri team
Calcite (dev)