got a bunch of shit fixed

home/profiles/firefox/userChrome.css

@@ -53,10 +53,11 @@
 	height: 28px !important;
 }
 
-/* hides the sidebar header */
+/* hides the sidebar header 
 #sidebar-header {
 	display: none !important;
 }
+*/
 
 .tab[selected="true"] {
 	visibility: collapse;
@@ -72,12 +73,28 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-/* Show sidebar only when the cursor is over it  */
-/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
+/* Show sidebar only when the cursor is over it.
+   The border controlling sidebar width will be removed so you'll need to modify
+   these values to change width. 
+   By default the internal layout of sidebar changes when hovered, but this can
+   be changed by setting pref "userchrome.autohide-sidebar.static-layout.enabled" to true
+ */
 
-#sidebar-box{
-  --uc-sidebar-width: 40px;
+/* Note: If you want only *some* sidebar to be auto-hidden, then you can use [sidebarcommand] attribute selector.
+   For example, to only affect Sidebery's sidebar replace all instances of #sidebar-box with
+   #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"].
+   To find the sidebarcommand value for any other sidebar, open that sidebar and use Browser Toolbox to inspect it.
+   See: https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
+*/
+/* The whole thing
+:where(#main-window) #browser{
+  --uc-sidebar-width: 240px;
   --uc-sidebar-hover-width: 210px;
+}
+#main-window[sizemode="fullscreen"] #browser{
+  --uc-sidebar-width: 1px;
+}
+#sidebar-box{
   --uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
   --uc-autohide-transition-duration: 115ms;
   --uc-autohide-transition-type: linear;
@@ -87,14 +104,17 @@ See the above repository for updates as well as full license text. */
   width: var(--uc-sidebar-width) !important;
   max-width: var(--uc-sidebar-width) !important;
   z-index: var(--browser-area-z-index-sidebar,3);
+  background-color: inherit;
+  /* This directionality flipper is played so that sidebar "grows" into the right direction */
+  direction: ltr;
+  &:is([positionend],[sidebar-positionend]):not(:-moz-locale-dir(rtl)){
+    direction: rtl;
+  }
 }
-#sidebar-box[positionend]{ direction: rtl }
-#sidebar-box[positionend] > *{ direction: ltr }
-
-#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
-#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
-
-#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
+.sidebar-browser-stack{
+  background: inherit;
+}
+#main-window[sizemode="fullscreen"] #browser{ --uc-sidebar-width: 1px; }
 
 #sidebar-splitter{ display: none }
 
@@ -116,9 +136,14 @@ See the above repository for updates as well as full license text. */
   transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
   min-width: var(--uc-sidebar-width) !important;
   will-change: min-width;
+  direction: ltr;
+  &:-moz-locale-dir(rtl){
+    direction: rtl;
+  }
 }
 #sidebar-box:hover > #sidebar-header,
-#sidebar-box:hover > #sidebar{
+#sidebar-box:hover > #sidebar,
+#sidebar-box:hover > .sidebar-browser-stack > #sidebar{
   min-width: var(--uc-sidebar-hover-width) !important;
   transition-delay: 0ms !important;
 }
@@ -143,18 +168,55 @@ See the above repository for updates as well as full license text. */
   border-inline-width: 0px 1px;
 }
 
-#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
-#sidebar-box[positionend] > *{
+#sidebar-box:not([positionend],[sidebar-positionend]) > :-moz-locale-dir(rtl),
+#sidebar-box:is([positionend],[sidebar-positionend]) > *{
   border-inline-width: 1px 0px;
 }
-
+@media -moz-pref("sidebar.revamp") {
+  #sidebar, #sidebar-header{ border-style: none }
+  #sidebar-box{ padding: 0 !important; }
+}
 /* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
 
-#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
+#sidebar-box:not([positionend],[sidebar-positionend]):hover ~ #appcontent #statuspanel{
   inset-inline: auto 0px !important;
 }
-#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
+#sidebar-box:not([positionend],[sidebar-positionend]):hover ~ #appcontent #statuspanel-label{
   margin-inline: 0px !important;
   border-left-style: solid !important; 
 }
-
+@media -moz-pref("userchrome.autohide-sidebar.static-layout.enabled"){
+  #sidebar-box{
+    min-width: var(--uc-sidebar-width) !important;
+    contain: size;
+    box-shadow: var(--content-area-shadow);
+  }
+  #sidebar{
+    min-width: var(--uc-sidebar-hover-width) !important;
+  }
+  .sidebar-browser-stack{
+    overflow: hidden;
+    width: 100%;
+    transition: width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay);
+    direction: ltr;
+    &:hover{
+      transition-delay: 0ms;
+      width: var(--uc-sidebar-hover-width);
+    }
+    &:-moz-locale-dir(rtl){
+      transition-property: transform,width !important;
+    }
+  }
+  #sidebar-box[sidebar-positionend]:hover :is(#sidebar-header,#sidebar):-moz-locale-dir(ltr){
+    transform: translateX(0);
+    transition-delay: 0ms !important;
+  }
+  #sidebar-box:not([sidebar-positionend]):hover .sidebar-browser-stack:-moz-locale-dir(rtl){
+    transform: translateX(calc(-1 * var(--uc-sidebar-hover-width) + var(--uc-sidebar-width)));
+  }
+  #sidebar-box[sidebar-positionend]:hover > .sidebar-browser-stack:-moz-locale-dir(rtl){
+    transform: translateX(calc(var(--uc-sidebar-hover-width) - var(--uc-sidebar-width)));
+    transition-delay: 0ms !important;
+  }
+}
+*/