fix some background-color and alignment problems of statusbar
This commit is contained in:
parent
a279d575f9
commit
cdb336f35e
2 changed files with 12 additions and 7 deletions
|
@ -3,11 +3,13 @@ See the above repository for updates as well as full license text. */
|
|||
|
||||
/* 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
|
||||
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
|
||||
|
||||
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
|
||||
}
|
||||
|
||||
: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 }
|
||||
|
||||
#statuspanel-inner > #statuspanel-label{
|
||||
height:3em;
|
||||
min-width: 1000px;
|
||||
background-color: var(--lwt-toolbar-field-focus) !important;
|
||||
background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
|
||||
border: none !important;
|
||||
font-size: 1.15em;
|
||||
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. */
|
||||
#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 */
|
||||
|
@ -92,4 +94,4 @@ As a workaround, the -moz-element background image is removed somewhat often whi
|
|||
/*
|
||||
#statuspanel-inner > #statuspanel-label{ text-align: center }
|
||||
.urlbar-input-box::after{ background-position-x: center !important; }
|
||||
*/
|
||||
*/
|
|
@ -3,6 +3,9 @@ See the above repository for updates as well as full license text. */
|
|||
|
||||
/* 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
|
||||
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;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -moz-element(#statuspanel);
|
||||
background-position: left 2px;
|
||||
background-position: left 3px;
|
||||
inset: 1px;
|
||||
}
|
||||
|
||||
|
@ -38,7 +41,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
|
|||
#statuspanel-inner > #statuspanel-label{
|
||||
height:3em;
|
||||
min-width: 1000px;
|
||||
background-color: var(--lwt-toolbar-field-focus) !important;
|
||||
background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
|
||||
border: none !important;
|
||||
font-size: 1.15em;
|
||||
color: inherit !important;
|
||||
|
|
Loading…
Reference in a new issue