mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-09 19:30:15 +00:00
0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
60 lines
No EOL
2.2 KiB
CSS
60 lines
No EOL
2.2 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_popup_full_width.css made available under Mozilla Public License v. 2.0
|
|
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{
|
|
position: static !important;
|
|
display: flex !important;
|
|
}
|
|
#urlbar{
|
|
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(--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,
|
|
#urlbar-background,
|
|
#urlbar-input-container,
|
|
.urlbarView{
|
|
flex-grow: 1; /* Fx <112 compatibility */
|
|
}
|
|
|
|
#urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--toolbar-field-focus-border-color, highlight); }
|
|
|
|
.urlbarView{
|
|
position: absolute !important;
|
|
margin: 0 !important;
|
|
left: 0 !important;
|
|
width: 100vw !important;
|
|
border-width: 1px 0;
|
|
top: var(--urlbar-toolbar-height);
|
|
background-color: var(--toolbar-field-focus-background-color, inherit);
|
|
z-index: 4;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.05);
|
|
}
|
|
|
|
#urlbar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
|
|
#urlbar > #urlbar-background{ display: none !important; }
|
|
|
|
/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
|
|
/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
|
|
#urlbar > #urlbar-input-container::before{ content: ""; display: flex; height: 24px; } |