Skip to content

Alignment issues when forcing large font sizes in Safari #487

@sbates-idrc

Description

@sbates-idrc

If "never use font sizes smaller than" is checked in Safari's accessibility settings, and the minimum size is set to "18" or "24", the alignment of various elements breaks.

Here's a screenshot with Chrome on the left and Safari on the right.

Screenshot 2021-11-24 at 10 28 16

Affected components include:

  • The character icon in the program block editor is not aligned with its background
  • The plus sign in the expanded add node is not aligned with its border
  • The keyboard and theme selector icons are out of alignment (and too small)
  • The refresh button is not aligned with the other buttons
  • The square in the stop button is not aligned with its border

Original Jira issue: https://fluidproject.atlassian.net/browse/C2LC-551

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions