Add option to show menubar in bottom of the window
This commit is contained in:
parent
e7a5932fb6
commit
2db55dbc64
1 changed files with 19 additions and 7 deletions
|
@ -3,9 +3,7 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */
|
/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */
|
||||||
|
|
||||||
/* Menubar will stay on top with two options to select it's behavior - see below */
|
/* By default, menubar will stay on top with two options to select it's behavior - see below */
|
||||||
|
|
||||||
/* The pref browser.urlbar.update1 must be set to true to be able to show urlbar results popup */
|
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
|
@ -20,7 +18,7 @@ See the above repository for updates as well as full license text. */
|
||||||
{ -moz-box-ordinal-group: 0 }
|
{ -moz-box-ordinal-group: 0 }
|
||||||
|
|
||||||
#toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }
|
#toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }
|
||||||
#toolbar-menubar:not([inactive]):hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; }
|
|
||||||
#toolbar-menubar > spacer{ flex-grow: 1 }
|
#toolbar-menubar > spacer{ flex-grow: 1 }
|
||||||
|
|
||||||
#urlbar[breakout][breakout-extend]{
|
#urlbar[breakout][breakout-extend]{
|
||||||
|
@ -35,15 +33,29 @@ See the above repository for updates as well as full license text. */
|
||||||
/* Yeah, removes window controls. Likely not wanted on bottom row */
|
/* Yeah, removes window controls. Likely not wanted on bottom row */
|
||||||
#TabsToolbar > .titlebar-buttonbox-container{ display: none }
|
#TabsToolbar > .titlebar-buttonbox-container{ display: none }
|
||||||
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
|
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
|
||||||
/* Menubar options */
|
|
||||||
|
/**************
|
||||||
|
Menubar options
|
||||||
|
***************/
|
||||||
|
|
||||||
|
/* Activate only ONE of the following */
|
||||||
|
|
||||||
/* 1. Overlay menubar on top of web-content (default) */
|
/* 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 */
|
/* 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) }
|
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }
|
||||||
|
|
||||||
/* 2. Static menubar, uncomment to enable this option */
|
/* 2. Static menubar on top of the window, uncomment to enable this option */
|
||||||
/* Use when menubar is enabled to always show it */
|
/* Use when menubar is enabled to always show it */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
#browser,#customization-container{ padding-top: var(--tab-min-height) }
|
#browser,#customization-container{ padding-top: 28px }
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* 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 */
|
||||||
|
#titlebar{ -moz-box-direction: normal; }
|
||||||
|
|
Loading…
Reference in a new issue