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 */
|
/* 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; }
|
||||||
*/
|
*/
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue