make autohide_menubar and toolbars_below_content work together

This change adds a few variables to both styles that "communicate" with
each other. This autohide_menubar is pretty useful if toolbars are
below content so while this does introduce complexity, it's probably worth it.
This commit is contained in:
MrOtherGuy
2021-09-10 19:07:31 +03:00
parent 2cea8f0710
commit bbcea9a26f
2 changed files with 26 additions and 24 deletions

View File

@@ -6,10 +6,13 @@ See the above repository for updates as well as full license text. */
/* By default, menubar will stay on top with two options to select it's behavior - see below */
@-moz-document url(chrome://browser/content/browser.xhtml){
#titlebar{ -moz-appearance: none !important; }
@media (-moz-os-version: windows-win10){
/* Next two variables are used by autohide_menubar.css */
#toolbar-menubar{ --uc-menubar-extra-margin: 0px }
:root[sizemode="maximized"] #toolbar-menubar{ --uc-menubar-extra-margin: 8px }
:root[sizemode="maximized"][tabsintitlebar] :where(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px }
}
@@ -44,30 +47,25 @@ See the above repository for updates as well as full license text. */
/* These two rules exist for compatibility with autohide_toolbox.css */
#navigator-toolbox{ bottom: -1px; transform-origin: bottom }
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black); }
/**************
Menubar options
Menubar options - By default, menubar is overlayed on top of web-content
***************/
/* Activate only ONE of the following */
/* 1. Overlay menubar on top of web-content (default) */
/* This should be used if menubar is disabled and Alt-key is used to activate it temporarily */
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }
/* 2. Static menubar on top of the window, uncomment to enable this option */
/* Use when menubar is enabled to always show it */
/* Uncomment the following if you want static menubar on top of the window (make menubar enabled)
* Use when menubar is enabled to always show it */
/*
#browser,#customization-container{ padding-top: 28px }
#browser,#customization-container{ padding-top: var(--uc-menubar-spacer,28px) }
*/
/* OR, if uncomment the following if you want menubar to appear below content, above tabs toolbar */
/*
#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; background-color: transparent }
*/
/* 3. Menubar below content, above tabs toolbar */
/*
#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; }
*/
/* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */
/* set to "reverse" (without quotes) if you want tabs above menubar with the above option */
#titlebar{ -moz-box-direction: normal; }
}
}