Portrait circles losing shape and de-centering content inside when compressed on a small screen #7140
Closed
1 task done
Labels
Comments
|
FE-7039 |
tomdavies73
added a commit
that referenced
this issue
Jan 9, 2025
portrait container now has a min-with, which prevents collapse on smaller screen sizes fix #7140
14 tasks
tomdavies73
added a commit
that referenced
this issue
Jan 13, 2025
portrait container now has a min-with, which prevents collapse on smaller screen sizes. A max-width has also been added when an src path is passed to prevent image widths significantly bypassing the new min-width fix #7140
carbonci
pushed a commit
that referenced
this issue
Jan 17, 2025
### [146.4.4](v146.4.3...v146.4.4) (2025-01-17) ### Bug Fixes * **portrait:** prevent portrait from collapsing on smaller screens ([dcafce2](dcafce2)), closes [#7140](#7140)
|
🎉 This issue has been resolved in version 146.4.4 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
When portraits are compressed a little, I expect the content inside to remain in centre, and the shape to remain a circle. This particularly for portraits with text initials
Reproduction
https://carbon.sage.com/?path=/story/portrait--sizes&globals=viewport:xsm
Steps to reproduce
View Sizes story with extra small preview enabled
JIRA ticket numbers (Sage only)
SBS-117545
Suggested solution
I would like the option to override overflow property on portrait
Carbon version
146.2.1
Design tokens version
4.29.0
Relevant browsers
Chrome
Relevant OSs
MacOS
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: