From d8f6337b3ef248b4a00d39d32c5d969c2feb4068 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
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