update

2024-05-30 17:10:44 +02:00
parent e65706921b
commit 7f0f2d27bc
3 changed files with 72 additions and 9 deletions
--- a/userChrome/userChrome.css
+++ b/userChrome/userChrome.css
@ -0,0 +1,64 @@
+/*************************************************************************************************************************************************************************************************************************************************************
+
+"userChrome.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's interface (NOT internal site) using "chrome" privileges.
+For instance, if you want to hide the tab bar, you can use the following CSS rule:
+
+**************************************
+#TabsToolbar {                       *
+    display: none !important;        *
+}                                    *
+**************************************
+
+NOTE: You can use the userChrome.css file without change preferences (about:config)
+
+Quote: https://userChrome.org | https://github.com/topics/userchrome 
+
+************************************************************************************************************************************************************************************************************************************************************/
+
+@charset "UTF-8";
+@-moz-document url(chrome://browser/content/browser.xhtml)
+{
+  #sidebar-box {
+    --bar-width: 54px;
+    position: relative !important;
+    overflow-x: hidden !important;
+    /* margin-right: calc(10px * -1) !important; */
+    /* left: var(--bar-width) !important; */
+    min-width: var(--bar-width) !important;
+    max-width: var(--bar-width) !important;
+    border-right: 1px solid var(--sidebar-border-color);
+    z-index: 1;
+    transition: all 0.1s;
+  }
+
+  #sidebar-box:hover {
+    --expanded-width: 250px;
+    margin-right: calc(
+      calc(var(--expanded-width) - var(--bar-width)) * -1
+    ) !important;
+    /* left: var(--expanded-width) !important; */
+    min-width: var(--expanded-width) !important;
+    max-width: var(--expanded-width) !important;
+  }
+
+  #sidebar-box:hover #sidebar-header {
+    min-width: var(--expanded-width) !important;
+    max-width: var(--expanded-width) !important;
+  }
+
+  /* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
+  #sidebar-header {
+    min-width: var(--bar-width) !important;
+    max-width: var(--bar-width) !important;
+    overflow: hidden !important;
+  }
+
+  /* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
+  #sidebar-splitter {
+    display: none;
+  }
+  
+ .browserStack {
+    background-color: var(--toolbar-bgcolor) !important;
+ }
+}