Make the style support fullscreen mode
This commit is contained in:
parent
1b0e062dce
commit
d8f6337b3e
1 changed files with 22 additions and 11 deletions
|
@ -6,10 +6,8 @@ See the above repository for updates as well as full license text. */
|
||||||
/*
|
/*
|
||||||
Get window_control_placeholder_support.css
|
Get window_control_placeholder_support.css
|
||||||
Window controls will be all wrong without it.
|
Window controls will be all wrong without it.
|
||||||
|
|
||||||
Additionally on Linux, you may need to get:
|
Additionally on Linux, you may need to get:
|
||||||
linux_gtk_window_control_patch.css
|
linux_gtk_window_control_patch.css
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.titlebar-buttonbox-container{
|
.titlebar-buttonbox-container{
|
||||||
|
@ -32,16 +30,29 @@ linux_gtk_window_control_patch.css
|
||||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
|
||||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
@media (-moz-os-version: windows-win10){
|
||||||
/* Counteract -moz-appearance when maximized */
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
:root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
/* Counteract -moz-appearance when maximized */
|
||||||
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
|
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
||||||
|
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
|
||||||
|
}
|
||||||
/* Move tabs below content */
|
/* Move tabs below content */
|
||||||
:root:not([inDOMFullscreen]) #content-deck,
|
:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: var(--tab-min-height) }
|
||||||
:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) }
|
:root[inFullscreen]:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: 1px; }
|
||||||
#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) }
|
|
||||||
|
#TabsToolbar{
|
||||||
|
position: fixed;
|
||||||
|
display: block;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: var(--tab-min-height);
|
||||||
|
}
|
||||||
|
#TabsToolbar:hover{ z-index: 1 }
|
||||||
|
|
||||||
|
:root[inFullscreen] #TabsToolbar{ background-color: var(--lwt-accent-color); }
|
||||||
#TabsToolbar-customization-target{ width: 100vw; }
|
#TabsToolbar-customization-target{ width: 100vw; }
|
||||||
|
:root[tabsintitlebar] #TabsToolbar{ bottom: -1px }
|
||||||
|
.tab-background{ border-top-style: none !important; }
|
||||||
|
|
||||||
/* Hide stuff that doesn't make sense with tabs below content */
|
/* Hide stuff that doesn't make sense with tabs below content */
|
||||||
#TabsToolbar > .titlebar-buttonbox-container,
|
#TabsToolbar > .titlebar-buttonbox-container,
|
||||||
|
|
Loading…
Reference in a new issue