The "message the mods" button on Reddit Redesign
There's a problem that seems to be exclusive to Firefox users regardless of the OS when viewing subreddits in Redesign. In this thread different users describe their experience and their software:
https://old.reddit.com/r/bugs/comments/l8jp8q/this_abomination_envelop_icon_encroaches_message/
Any issues with compatibility?
Keazen oplossing
The overlap is caused by this rule on the link:
text-indent: -15px;
That is pulling the text to the left and causing overlap with the icon -- it's not pulling both the icon and text to the left which I assume is what the designers intended and looked good in other browsers. I don't understand flex well enough to say who's right and who's wrong in their implementation.
(Screenshot attached for what it's worth. You can right-click > Inspect the link and uncheck the rule to test the diagnosis.)
Dit antwurd yn kontekst lêze 👍 0Alle antwurden (1)
Keazen oplossing
The overlap is caused by this rule on the link:
text-indent: -15px;
That is pulling the text to the left and causing overlap with the icon -- it's not pulling both the icon and text to the left which I assume is what the designers intended and looked good in other browsers. I don't understand flex well enough to say who's right and who's wrong in their implementation.
(Screenshot attached for what it's worth. You can right-click > Inspect the link and uncheck the rule to test the diagnosis.)