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

17
chrome/urlbar_popup_full_width.css
View File

@@ -3,10 +3,19 @@ See the above repository for updates as well as full license text. */
/* Make urlbar popup appear full size like it did before urlbar re-design */
/* Temporary dummy variables, can probably be removed when Fx92 releases */
:root{
--toolbar-field-background-color: var(--toolbar-field-non-lwt-bgcolor);
--toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus,Field);
}
:root:-moz-lwtheme{
--toolbar-field-background-color: var(--lwt-toolbar-field-background-color);
}
.urlbarView-row-inner{
/* This sets how far the dropdown-items are from window edge */
padding-inline-start: 6px !important;
}
}
#urlbar-container,
#urlbar{
@@ -17,12 +26,12 @@ See the above repository for updates as well as full license text. */
height: auto !important;
width: auto !important;
box-shadow: inset 0 0 0 1px var(--toolbar-field-border-color, hsla(240,5%,5%,.25));
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
background-color: var(--toolbar-field-background-color, hsla(0,0%,100%,.8));
border-radius: var(--toolbarbutton-border-radius);
--uc-urlbar-min-width: none; /* navbar_tabs_oneliner.css compatibility */
}
#urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-focus, highlight); }
#urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--toolbar-field-focus-border-color, highlight); }
.urlbarView{
position: absolute !important;
@@ -31,7 +40,7 @@ See the above repository for updates as well as full license text. */
width: 100vw !important;
border-width: 1px 0;
top: var(--urlbar-toolbar-height);
background-color: var(--lwt-toolbar-field-focus, inherit);
background-color: var(--toolbar-field-focus-background-color, inherit);
z-index: 4;
box-shadow: 0 1px 4px rgba(0,0,0,.05);
}