If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Status panel is hard to see when the page has lots of text

NEW
Unassigned

Status

()

Firefox
Theme
--
enhancement
7 years ago
7 years ago

People

(Reporter: mak, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

7 years ago
Created attachment 515075 [details]
screenshot

So, I know my eyes have issues, but I find the new status panel barely visible, indeed I often have to stop for a moment to be able to read it.  The first problem is that it's hard to visually distinguish it from content, the fact the test is not black also doesn't help.

The screenshot attached is a extreme example where both problems cohexist, but I currently notice this issue in a lot of different pages.

I guess if we could find a way to make it better readable.
(Reporter)

Comment 1

7 years ago
not sure if I should consider this a regression, the link in the locationbar or in the old statusbar was far more readable for my eyes. most likely for the clear separation from content.
Depends on: 541656
(Reporter)

Comment 2

7 years ago
For whoever has eyes problems similar to mine, Shorlanded handed me this userchrome.css change to improve the situation.
I barely added a color: #111 to increase the text contrast (was too faint for my vision).

.statuspanel-label {
  color: #111 !important;
  border-top-right-radius: 5px !important;
  padding: 2px 4px !important;
  background-image: none !important;
  background-color: rgb(252,252,252) !important;
  border-width: 3px 3px 0 0 !important;
  border-style: solid !important;  
  background-clip: padding-box !important;
  -moz-border-top-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-right-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-bottom-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-left-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
}
You need to log in before you can comment on or make changes to this bug.