fix some background-color and alignment problems of statusbar

This commit is contained in:
MrOtherGuy 2021-07-26 09:09:50 +03:00
parent a279d575f9
commit cdb336f35e
2 changed files with 12 additions and 7 deletions

View file

@ -3,11 +3,13 @@ See the above repository for updates as well as full license text. */
/* STATUSPANEL INSIDE URLBAR */ /* STATUSPANEL INSIDE URLBAR */
/* This style replaces the urlbar url with statuspanel text when needed.
The _v2 variant replaces the whole contents of the urlbar, including all icons. */
/************** /**************
IMPORTANT WARNING IMPORTANT WARNING
Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly. Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065 Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065
As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware. As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware.
**************/ **************/
@ -47,13 +49,13 @@ As a workaround, the -moz-element background image is removed somewhat often whi
background-image: none !important background-image: none !important
} }
:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 1px } :root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px }
:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 4px } :root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 4px }
#statuspanel-inner > #statuspanel-label{ #statuspanel-inner > #statuspanel-label{
height:3em; height:3em;
min-width: 1000px; min-width: 1000px;
background-color: var(--lwt-toolbar-field-focus) !important; background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
border: none !important; border: none !important;
font-size: 1.15em; font-size: 1.15em;
color: inherit !important; color: inherit !important;
@ -67,7 +69,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
/* You will need to adjust these probably as they depend on OS, text size etc. */ /* You will need to adjust these probably as they depend on OS, text size etc. */
#statuspanel-inner{ margin-left: -1px; } #statuspanel-inner{ margin-left: -1px; }
#statuspanel-inner > #statuspanel-label{ margin-left: -2px !important; margin-top: 0px !important; } #statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; margin-top: 0px !important; }
/* OPTIONAL FEATURES */ /* OPTIONAL FEATURES */
@ -92,4 +94,4 @@ As a workaround, the -moz-element background image is removed somewhat often whi
/* /*
#statuspanel-inner > #statuspanel-label{ text-align: center } #statuspanel-inner > #statuspanel-label{ text-align: center }
.urlbar-input-box::after{ background-position-x: center !important; } .urlbar-input-box::after{ background-position-x: center !important; }
*/ */

View file

@ -3,6 +3,9 @@ See the above repository for updates as well as full license text. */
/* STATUSPANEL INSIDE URLBAR */ /* STATUSPANEL INSIDE URLBAR */
/* This _v2 variant "replaces" the whole contents of the urlbar, including all icons,
with statuspanel text when needed. The "normal" variant replaces only the url part. */
/************** /**************
IMPORTANT WARNING IMPORTANT WARNING
Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly. Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
@ -18,7 +21,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
pointer-events:none; pointer-events:none;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: -moz-element(#statuspanel); background-image: -moz-element(#statuspanel);
background-position: left 2px; background-position: left 3px;
inset: 1px; inset: 1px;
} }
@ -38,7 +41,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
#statuspanel-inner > #statuspanel-label{ #statuspanel-inner > #statuspanel-label{
height:3em; height:3em;
min-width: 1000px; min-width: 1000px;
background-color: var(--lwt-toolbar-field-focus) !important; background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
border: none !important; border: none !important;
font-size: 1.15em; font-size: 1.15em;
color: inherit !important; color: inherit !important;