tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Scope styles that select #browser to browser.xhtml

Browse Source
This commit is contained in:
MrOtherGuy
2020-08-08 16:24:59 +03:00
parent 783914689c
commit 6263334baa
5 changed files with 284 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
chrome/toolbars_below_content.css
View File

@@ -5,57 +5,61 @@ 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 */
#titlebar{ -moz-appearance: none !important; }
@-moz-document url(chrome://browser/content/browser.xhtml){
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar] :-moz-any(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px !important; }
}
#titlebar{ -moz-appearance: none !important; }
#mainPopupSet,
#browser,
#customization-container
,#nav-bar, #PersonalToolbar/* Remove this row if you want tabs to be the top-most row */
{ -moz-box-ordinal-group: 0 }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar] :-moz-any(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px !important; }
}
#toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }
#mainPopupSet,
#browser,
#customization-container
,#nav-bar, #PersonalToolbar/* Remove this row if you want tabs to be the top-most row */
{ -moz-box-ordinal-group: 0 }
#toolbar-menubar > spacer{ flex-grow: 1 }
#toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }
#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;
}
#toolbar-menubar > spacer{ flex-grow: 1 }
#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; }
#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;
}
/* Yeah, removes window controls. Likely not wanted on bottom row */
#TabsToolbar > .titlebar-buttonbox-container{ display: none }
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; }
/**************
Menubar options
***************/
/* Yeah, removes window controls. Likely not wanted on bottom row */
#TabsToolbar > .titlebar-buttonbox-container{ display: none }
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
/* Activate only ONE of the following */
/**************
Menubar options
***************/
/* 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 */
/* Activate only ONE of the following */
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }
/* 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 */
/* 2. Static menubar on top of the window, uncomment to enable this option */
/* Use when menubar is enabled to always show it */
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }
/*
#browser,#customization-container{ padding-top: 28px }
*/
/* 2. Static menubar on top of the window, uncomment to enable this option */
/* Use when menubar is enabled to always show it */
/* 3. Menubar below content, above tabs toolbar */
/*
#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; }
*/
/*
#browser,#customization-container{ padding-top: 28px }
*/
/* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */
#titlebar{ -moz-box-direction: normal; }
/* 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; }
}