From ce3ae4d6c56847809f7c81c1f21b57bb6f1b883d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 1 Mar 2020 15:56:02 +0200 Subject: [PATCH] new file --- chrome/navbar_below_content.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/navbar_below_content.css diff --git a/chrome/navbar_below_content.css b/chrome/navbar_below_content.css new file mode 100644 index 0000000..e962b0b --- /dev/null +++ b/chrome/navbar_below_content.css @@ -0,0 +1,33 @@ +/* Moves the main toolbar (#nav-bar) to the bottom of the window */ + +/* REQUIRES browser.urlbar.update1 to be true, otherwise urlbar won't show any results */ + +:root:not([inFullscreen]){ + --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) ) +} + +:root[uidensity="compact"]:not([inFullscreen]){ + --uc-bottom-toolbar-height: calc(29px + var(--toolbarbutton-outer-padding) ) +} + +#browser, +#customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) } + +#nav-bar{ + position: fixed !important; + bottom: 0px; + display: flex; + width: 100%; + z-index: 1; +} + +#nav-bar-customization-target{ flex-grow: 1; } + +#urlbar.megabar[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; +} + +#urlbar.megabar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } \ No newline at end of file