fenix-fox/chrome/deprecated/full_width_urlbar_popup.css

36 lines
1.6 KiB
CSS
Raw Normal View History

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/deprecated/full_width_urlbar_popup.css made available under Mozilla Public License v. 2.0
2020-05-22 05:13:58 +00:00
See the above repository for updates as well as full license text. */
2020-04-09 14:51:18 +00:00
/* DEPRECATED - USE urlbar_full_width.css instead */
2019-10-11 12:27:25 +00:00
/* Makes urlbar popup fit to window width, like in Firefox versions < 71 without "Megabar" */
/* Text won't be aligned to urlbar text though, since that relied on Firefox setting some css variables which are not available anymore */
#urlbar{
display: -moz-box !important;
2019-10-11 12:53:01 +00:00
position: relative !important;
2019-10-11 12:27:25 +00:00
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
border: 1px solid var(--toolbar-field-border-color, hsla(240,5%,5%,.25));
2019-10-11 12:27:25 +00:00
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
margin-inline-start: 0px !important;
width: 100% !important;
left: 0 !important;
2020-02-13 17:35:27 +00:00
border-radius: 2px;
2019-10-11 12:27:25 +00:00
}
2020-05-10 15:25:44 +00:00
#urlbar-container{ padding-block: 1px !important }
2019-10-11 12:27:25 +00:00
#urlbar-background{ display: none !important; }
#urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) }
#urlbar-input-container{ padding: 0 !important; height: 100% !important; }
2020-02-13 17:35:27 +00:00
#urlbar[open] > .urlbarView{
2019-10-11 12:27:25 +00:00
display: block !important;
position: fixed !important;
2020-02-13 17:35:27 +00:00
margin-top: calc(var(--urlbar-height) + 1px) !important;;
2019-10-11 12:27:25 +00:00
left: 0;
width: 100vw !important;
background-color: var(--autocomplete-popup-background) !important;
margin-inline: 0 !important;
box-shadow: 0px 1px 3px 0px black;
}