4

There are few bottom border issue in the user profile page.

In the Profile tab - Top Posts section, the bottom border is not displaying.

Profile page

In the Activity tab - Questions, Answers, Badges and Active bounties sections, the bottom border is not displaying for the currently selected tab.

Activity page

When an inspect the element for the issue items the CSS class youarehere contains the style border-color: #FFF;, this is literally White color. That caused the display issue.

Inspect an element

Fix for the bug:

If apply the border-color: #265186; instead of border-color: #FFF; in the youarehere class, the display issue will solve.


Configurations:

OS: Windows 10 Pro
Mozilla Firefox: 54.0 (32-bit)
Google Chrome: Version 58.0.3029.110 (64-bit)
Zoom: 100%

  • 1
    @pnuts Configurations updated in the post – Arulkumar Aug 8 '17 at 6:20
3

Good call.

We (well, Josh mostly) recently did a lot of work to consolidate the bajillion LESS files used for all the Stack Exchange sites. Before that, this bottom border didn't exist on webapps.se, so it was configured to be white, i.e. invisible. This actually looks wrong in some places as you found, but even where it doesn't, the current "you are here" highlight was too subtle. So using the #265186 as you suggested is indeed better.

This will be in the next build. Thanks!

  • Thanks for the fix. – Arulkumar Sep 15 '17 at 4:54

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .