fix(styles): correct number and text overlap in Safari #6369
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Motivation
There is a visual bug in Safari that affects the display of numbers and text within an
inline-grid
and abaseline
. This bug causes the numbers to overlap the text.Before:
Screen.Recording.2025-02-07.at.17.02.17.mov
After:
Screen.Recording.2025-02-07.at.17.02.55.mov
Fixes NNS1-3606
Changes
inline-grid
toinline-flex
as it breaks in Safari.Tests
Todos
Not necessary