Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

The "message the mods" button on Reddit Redesign

more options

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?

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?

Chosen solution

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.)

Read this answer in context 👍 0

All Replies (1)

more options

Chosen Solution

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.)