Merge pull request #274 from QNetITQ/WaveFox-Nightly

WaveFox v1.8.147

Author: QNetITQ

README.md

@@ -9,10 +9,10 @@
 [Download Firefox](https://www.mozilla.org/en-US/firefox/all/#product-desktop-release) / [Download WaveFox](https://github.com/QNetITQ/WaveFox/releases) / [WaveFox Nightly](https://github.com/QNetITQ/WaveFox/tree/WaveFox-Nightly)
 
 <details>
-  <summary>WaveFox v1.8.145</summary>
+  <summary>WaveFox v1.8.147</summary>
 
 - ##### Minimum Requirements
-  - Firefox 145
+  - Firefox 147
   - Windows / MacOS / Linux
 
 - Download the `chrome` folder and put it in your user profile folder
@@ -166,7 +166,7 @@ Works only with system theme. Requires transparency support from the operating s
 ### Floating Web Page (Vertical tabs)
 <img width="1780" height="873" alt="изображение" src="https://github.com/user-attachments/assets/a9bc4d90-1b3e-4707-b805-67fe449dcbd2" />
 
-- `WaveFox.VerticalTabs.WebPage.Floating` > 1 or 2 or 3
+- `WaveFox.VerticalTabs.WebPage.Floating` > 1 or 2 or 3 or 4
 
 ### Experimental
 

chrome/modules/general_styles/wavefox_web_page.css

@@ -7,7 +7,7 @@
     {
         background-color: transparent !important;
 
-        #tabbrowser-tabpanels
+        .browserContainer
         {
             background-color: color-mix(in srgb, var(--toolbar-bgcolor) var(--wavefox-webpage-background-saturation, 75%), transparent) !important;
             background-image: none !important;

chrome/modules/vertical_tabs/wavefox_browser_window.css

@@ -36,23 +36,22 @@
             #sidebar-box
             {
                 padding-block: 0px !important;
+                z-index: 3 !important;
 
                 #sidebar
                 {
-                    outline-offset: 0px !important;
+                    outline: none !important;
                     margin-block: 0px !important;
                     border-radius: 0px !important;
-                    box-shadow: none !important;
+                    box-shadow: var(--content-area-shadow) !important;
                 }
             }
 
             #tabbrowser-tabbox
             {
-                box-shadow: none !important;
-
-                #tabbrowser-tabpanels
+                .browserContainer
                 {
-                    clip-path: content-box !important;
+                    outline: none !important;
                 }
             }
         }
@@ -109,9 +108,6 @@
 
             #tabbrowser-tabbox
             {
-                outline: none !important;
-                box-shadow: none !important;
-
                 #tabbrowser-tabpanels
                 {
                     overflow: clip !important;
@@ -175,9 +171,6 @@
 
             #tabbrowser-tabbox
             {
-                outline: none !important;
-                box-shadow: none !important;
-
                 #tabbrowser-tabpanels
                 {
                     overflow: clip !important;
@@ -202,3 +195,60 @@
         }
     }
 }
+
+@media -moz-pref("WaveFox.VerticalTabs.WebPage.Floating", 4)
+{
+    :root:not([inFullscreen], [inDOMFullscreen])
+    {
+        .browser-toolbox-background:not(#navigator-toolbox)
+        {
+            overflow: clip !important;
+            border-top: 1px solid var(--chrome-content-separator-color) !important;
+            box-shadow: var(--content-area-shadow) !important;
+            background-clip: padding-box !important;
+            background-color: color-mix(in srgb, var(--sidebar-background-color) 75%, transparent) !important;
+
+            #sidebar-main
+            {
+                background-color: transparent !important;
+                color: var(--sidebar-text-color) !important;
+                border-radius: 0px !important;
+            }
+
+            #sidebar-launcher-splitter,
+            #sidebar-splitter
+            {
+                width: var(--splitter-width) !important;
+                margin-inline: calc(-1 * var(--splitter-width)) 0px !important;
+                border: none !important;
+
+                :is(#sidebar-main, #sidebar-box)[sidebar-positionend] + &
+                {
+                    margin-inline: 0px calc(-1 * var(--splitter-width)) !important;
+                }
+            }
+
+            #sidebar-box
+            {
+                padding-block: 0px !important;
+                z-index: 3 !important;
+
+                #sidebar
+                {
+                    outline: none !important;
+                    margin-block: 0px !important;
+                    border-radius: 0px !important;
+                    box-shadow: var(--content-area-shadow) !important;
+                }
+            }
+
+            #tabbrowser-tabbox
+            {
+                .browserContainer
+                {
+                    outline: none !important;
+                }
+            }
+        }
+    }
+}

chrome/modules/vertical_tabs/wavefox_tabs.css

@@ -16,6 +16,7 @@
                 color: var(--sidebar-text-color) !important;
                 backdrop-filter: blur(8px) !important;
                 box-shadow: var(--content-area-shadow) !important;
+                border: none !important;
             }
         }
     }

chrome/userChrome.css

@@ -40,4 +40,4 @@
 @import "modules/vertical_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
 @import "modules/vertical_tabs/wavefox_toolbar_buttons.css"          layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
 
-/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */
+/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */