discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: set mobile read state indicator to static size to avoid overflow (#30910)

Browse Source 
This fixes an issue where topics could scroll horizontally on mobile:
https://meta.discourse.org/t/topic-page-layout-issue/348262?u=pmusaraj

It seems some recent core change impacted the read state size/position 

This sets the size and position to more static values (not based on
global font changes) to avoid the issue, and removes the horizontal
scroll.
This commit is contained in:
Kris 2025-01-21 17:24:58 -05:00 committed by GitHub
parent d7f008d482
commit a3359ac7ad
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -425,10 +425,9 @@ span.highlighted {
// contained within the padding to prevent vertical overflow
max-width: var(--d-wrap-padding-h);
right: calc(var(--d-wrap-padding-h) * -1);
font-size: var(--font-down-5);
font-size: 6px; // static size to avoid overflow issues
svg {
right: -0.25em;
right: -2px;
}
}