From d8f6337b3ef248b4a00d39d32c5d969c2feb4068 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 26 Jun 2020 12:26:26 +0300 Subject: [PATCH] Make the style support fullscreen mode --- chrome/tabs_below_content.css | 33 ++++++++++++++++++++++----------- 1 file changed, 22 insertions(+), 11 deletions(-) diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 178e87c..1daf736 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -6,10 +6,8 @@ See the above repository for updates as well as full license text. */ /* Get window_control_placeholder_support.css Window controls will be all wrong without it. - Additionally on Linux, you may need to get: linux_gtk_window_control_patch.css - */ .titlebar-buttonbox-container{ @@ -32,20 +30,33 @@ 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-button{ padding: 2px 17px !important; } -#titlebar{ -moz-appearance: none !important; } -/* Counteract -moz-appearance when maximized */ -:root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; } -:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } - +@media (-moz-os-version: windows-win10){ + #titlebar{ -moz-appearance: none !important; } + /* Counteract -moz-appearance when maximized */ + :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 */ -:root:not([inDOMFullscreen]) #content-deck, -:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) } -#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) } +:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: var(--tab-min-height) } +:root[inFullscreen]:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: 1px; } + +#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; } +:root[tabsintitlebar] #TabsToolbar{ bottom: -1px } +.tab-background{ border-top-style: none !important; } /* Hide stuff that doesn't make sense with tabs below content */ #TabsToolbar > .titlebar-buttonbox-container, #window-controls, /* Fullscreen window controls */ #TabsToolbar .titlebar-spacer{ display: none !important; -} +} \ No newline at end of file