2020-05-22 05:13:58 +00:00
|
|
|
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_below_content.css made available under Mozilla Public License v. 2.0
|
|
|
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
|
|
2020-03-01 13:56:02 +00:00
|
|
|
/* Moves the main toolbar (#nav-bar) to the bottom of the window */
|
|
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
@-moz-document url(chrome://browser/content/browser.xhtml){
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
:root:not([inFullscreen]){
|
|
|
|
|
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
|
|
|
|
|
}
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
:root[uidensity="compact"]:not([inFullscreen]){
|
|
|
|
|
--uc-bottom-toolbar-height: calc(29px + var(--toolbarbutton-outer-padding) )
|
|
|
|
|
}
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
#browser,
|
|
|
|
|
#customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
#nav-bar{
|
|
|
|
|
position: fixed !important;
|
|
|
|
|
bottom: 0px;
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
#nav-bar-customization-target{ flex-grow: 1; }
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
#urlbar[breakout][breakout-extend]{
|
|
|
|
|
display: flex !important;
|
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
|
bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
|
|
|
|
|
top: auto !important;
|
|
|
|
|
}
|
2020-03-01 13:56:02 +00:00
|
|
|
|
2020-08-08 13:24:59 +00:00
|
|
|
#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; }
|
|
|
|
|
|
|
|
|
|
}
|
