fenix-fox/chrome/full_width_urlbar_popup.css

31 lines
1.3 KiB
CSS
Raw Normal View History

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(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25));
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
}
#urlbar-container.megabar{ 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;
}