Skip to content

Profile metadata causes overflow at small widths #11720

@trwnh

Description

@trwnh

The width of the profile metadata is not capped, so it will stretch its container off the screen entirely given enough data (due to lack of wrapping).

image

Possible fixes:

  • add account__header__fields {max-width: 100vw}
  • remove .account__header__fields dd, .account__header__fields dt {white-space: nowrap}
    • if this is done, consider also changing to overflow: auto to allow scrolling when necessary, or disable max-height: 48px to allow full text to be displayed
maxwidth maxwidth with overflow:auto
image image
Wrap with overflow:auto Wrap with no max-height
image image

I can submit a PR for whichever solution is deemed most acceptable. I personally prefer "Wrap with no max-height", but if the extra height is undesirable for whatever reason, then "maxwidth with overflow:auto" would be my second choice.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions