We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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