"More Topics" container "Suggested" or "Related" selected item border intrudes into elements below it

[rahim123]

Hi there, this issue is even more noticeable on my own instance, but it’s also visible here on Meta:

I worked around it for now with:

.more-topics__container .nav li .btn { /* Private messages "Related" and "Suggested" selected border was intruding into elements below */
    padding: 0em .65em;
}

[chapoi (Charlie)]

I’m afraid I can’t repro this on meta.

Do you still see the issue?

[rahim123]

Hi there, thanks for looking into this. Yes, I do still see the issue:

With Chromium:

With Firefox:

I suspect that the issue has something to do with very specific font size and/or font scaling settings at the OS level. I saw something similar with this bug report:

Usercard Redesign Experiment

Hi there, I ran across a bit of an issue where the usercard appears partially off-screen. It seems to only happen when the browser is maximized and using a higher zoom and/or higher dpi setting. It’s more noticeable with Sam’s Simple Theme, but it starts to happen with the “Default” theme too depending on the zoom level and how many frequent posters appear: [image]

The difference in this case with the “Suggested” or “Related” border is that changing the zoom level and/or my OS text scaling value to normal defaults makes no difference.

[chapoi (Charlie)]

Hmm, I also tried playing with zoom and font-size, including on firefox, but no luck so far (to repro)…