"More Topics" 容器 "Suggested" 或 "Related" 选中项边框侵入到其下方的元素

用户体验
,
1

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

image
image1115×352 27.2 KB

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;
}
2 个赞
2

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

image
image2060×850 70 KB

Do you still see the issue?

1 个赞
3

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

With Chromium:

image
image1225×483 59.9 KB

With Firefox:

image
image1068×297 38.3 KB

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:

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.

4

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