tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

replace --lwt-toolbar-field-x variables with new versions

Browse Source 
Firefox 91 still uses some old variants, so this style adds temporary
dummy variables to several styles to make <91 work.
This commit is contained in:
MrOtherGuy
2021-08-26 10:01:45 +03:00
parent cea26c1564
commit bd53d19665
11 changed files with 66 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
chrome/status_inside_urlbar.css
View File

@@ -13,6 +13,16 @@ 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.
**************/
/* Temporary dummy variables, can probably be removed when Fx92 releases */
:root{
--toolbar-field-background-color: var(--toolbar-field-non-lwt-bgcolor);
--toolbar-field-color: var(--toolbar-field-non-lwt-color);
}
:root:-moz-lwtheme{
--toolbar-field-background-color: var(--lwt-toolbar-field-background-color);
--toolbar-field-color: var(--lwt-toolbar-field-color);
}
.urlbar-input-box{
display: grid;
position: relative;
@@ -55,7 +65,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-background-color, #fffc) !important;
background-color: var(--toolbar-field-background-color, #fffc) !important;
border: none !important;
font-size: 1.15em;
color: inherit !important;
@@ -64,7 +74,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
#statuspanel-inner{ background-color: var(--toolbar-bgcolor) }
#statuspanel{ color: var(--lwt-toolbar-field-color, black) ; z-index: -1; max-width: 100% !important; }
#statuspanel{ color: var(--toolbar-field-color, black) ; z-index: -1; max-width: 100% !important; }
#statuspanel[type="status"] { color: Highlight }
/* You will need to adjust these probably as they depend on OS, text size etc. */