For some reason, some buttons are unusually big, even in safe mode , but this only seems to happen on Meta (I tried on other forums, and couldn’t reproduce the issue).
Potentially relevant information:
user-agent string: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Exact web browser version: 119.0.6045.209
Default font size (set on chrome://settings/fonts): 12
Minimum font size (set on chrome://settings/fonts): 0
Font size setting (set on chrome://settings/appearance): SmallPage zoom: 100% (still occurs at lower and higher zoom levels, though)
Display size: 1366x768
2 Likes
I can also repro this using Google Chrome on Windows 11
As well as on iPhone 13 Pro, running Chrome
1 Like
david
March 21, 2024, 5:50pm
3
5 Likes
Don
March 21, 2024, 5:50pm
5
Hello
This commit is related. I can repro this if I change the browser font size with the methods you mentioned.
committed 04:23PM - 20 Mar 24 UTC
Previously we had an iOS-specific sizing rule which would increase inputs to `1.… 07em`, which would bring them over the 16px 'zoom on focus' threshold in some (but technically, not all) situations.
This commit does two things:
1. Updates the sizing rule from `1.07em` to `max(1em, 16px)`. Essentially: use the cascaded font size, unless it is smaller than 16px
2. Applies that sizing rule on all platforms. This will make Discourse design/theming more consistent across different devices
It also removes some associated CSS rules which no longer make sense.
This is because the browser will apply the set font size to all text. So the max(1em, 16px) can’t work normally.
4 Likes
david
March 21, 2024, 6:00pm
6
5 Likes
Peter Griffin, his CSS blinds unruly
5 Likes
david
March 22, 2024, 8:00am
8
This topic was automatically closed after 14 hours. New replies are no longer allowed.
