From b067f78b54a05730010f2b03b6b12f83e2fa237b Mon Sep 17 00:00:00 2001
From: "t. Macleod Sawyer" <macleod@macleodsawyer.com>
Date: Tue, 2 Mar 2021 21:28:27 -0600
Subject: [PATCH] Update userChrome.css

---
 firefox/userChrome.css | 60 ++++++++++++++++++++++++++++++++----------
 1 file changed, 46 insertions(+), 14 deletions(-)

diff --git a/firefox/userChrome.css b/firefox/userChrome.css
index a83d3f2..9d5a10f 100644
--- a/firefox/userChrome.css
+++ b/firefox/userChrome.css
@@ -7,41 +7,60 @@
 }
 
 #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
-  display: none;
+  /*! display: none; */
 }
 
 /*Collapse in default state and add transition*/
-#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
-    overflow: hidden;
+#sidebar-box #sidebar:hover { 
+    /*! overflow: visible !important; */
     min-width: 40px;
     max-width: 40px;
     border-right: 1px solid var(--panel-separator-color);
     z-index: 2;
+    --sidebar-background-color: #f5f6f7 !important;
 }
 
 /*Expand to 260px on hover*/
-#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,
-#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar {
+#sidebar-box:hover { 
   min-width: 260px !important;
   max-width: 260px !important;
   z-index: 1;
   margin-right: -210px !important;
 }
 
+#sidebar-header {
+  border: none !important;
+}
+
+#sidebar-close, #sidebar-title, #sidebar-switcher-arrow {
+    display: none;
+    border: none;
+  }
+
+#sidebar-switcher-target {
+    border: none !important;
+    margin-left: 4.5px !important;
+}
+
+#sidebar-switcher-target:focus-visible:not(:hover, [open]), #sidebar-close:focus-visible:not(:hover, [open]) {
+  outline: none !important;
+}
+
+
 :root {
   --sidebar-width: 50px;
   --toolbar-height: -50px;
-  --menubar-height: -75px;
+  --menubar-height: -65px;
   --toolmenubar-height: -80px;
   --sidebar-padding: calc(var(--sidebar-width) + 5px);
 }
 
 
 #main-window #PersonalToolbar {
-    margin-left: var(--sidebar-width);
-    padding: 2px 5px;
-    padding-top: 0px;
-    margin-top: -1px;
+  margin-left: var(--sidebar-width);
+  padding: 2px 5px !important;
+  padding-top: 0px !important;
+  margin-top: -1.25px !important;
 }
 
 /* lock sidebar to height by doing the inverse margin of the toolbar element */
@@ -50,6 +69,7 @@
   position: relative!important;
   margin-top: var(--menubar-height) !important;
   border-right: 1px solid #ccc;
+  background: #f6f7f8 !important;
 }
 
 #main-window[title^="Firefox Developer Edition"] #sidebar-box {
@@ -57,14 +77,15 @@
 }
 
 /* lock sidebar to specified width */
-#sidebar-box, #sidebar-box #sidebar {
+#sidebar-box
     min-width: var(--sidebar-width) !important;
     max-width: var(--sidebar-width) !important;
+    overflow: hidden !important;
 }
 
 /* hide sidebar header for tree style tabs sidebar */
 #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
-  display: none;
+  /*! display: none; */
 }
 
 /* Hide the title bar */
@@ -73,7 +94,7 @@
 /* hide normal horizontal tab bar */
 #TabsToolbar { visibility: collapse; }
 
-#sidebar { border-right: 1px solid #ccc; }
+#sidebar { border-right: 1px solid #ccc; overflow: hidden;width: 50px !important;min-width: 50px !important;width: 100% !important;}
 
 toolbar#nav-bar {
   padding-top: 12px;
@@ -148,7 +169,8 @@ toolbar#nav-bar {
 
 .bookmark-item[container] {
     list-style-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi4zNTcxNyAzLjM2MDc1QzIuMTMzMjMgMy41ODY5MyAyLjAwNTE1IDMuODkyMjEgMiA0LjIxMjAzVjExLjc4NzJDMS45OTQ0MSAxMS45NDc5IDIuMDIxNjMgMTIuMTA4MSAyLjA3OTk2IDEyLjI1NzdDMi4xMzgyOCAxMi40MDczIDIuMjI2NDggMTIuNTQzMSAyLjMzOTA0IDEyLjY1NjhDMi40NTE2IDEyLjc3MDUgMi41ODYxMyAxMi44NTk2IDIuNzM0MjUgMTIuOTE4NUMyLjg4MjM3IDEyLjk3NzQgMy4wNDA5MSAxMy4wMDQ5IDMuMiAxMi45OTkzSDEyLjhDMTMuMTE2NyAxMi45OTQxIDEzLjQxODkgMTIuODY0NyAxMy42NDI4IDEyLjYzODVDMTMuODY2OCAxMi40MTIzIDEzLjk5NDggMTIuMTA3MSAxNCAxMS43ODcyTDE0IDZDMTQgNS41IDEzLjUgNSAxMyA1SDhMNi44IDNIMy4yQzIuODgzMzQgMy4wMDUyIDIuNTgxMSAzLjEzNDU3IDIuMzU3MTcgMy4zNjA3NVpNMi45OTkzOSAxMS44MjJMMyAxMS44MDQ2VjQuMjIzMThDMy4wMDIyMyA0LjE2MTcxIDMuMDI3NDEgNC4xMDUxMSAzLjA2Nzc5IDQuMDY0MzJDMy4xMDc3MyA0LjAyMzk4IDMuMTU5MjkgNC4wMDIwOCAzLjIxMTYxIDRINi4yNDU4OUw3LjUgNkgxMi44QzEyLjkxMDUgNiAxMyA2LjA4Nzk2IDEzIDYuMTk4NDJDMTMgNy4xMzEwNyAxMyAxMS4wNjM2IDEzIDExLjc3NjFDMTIuOTk3OCAxMS44Mzc2IDEyLjk3MjYgMTEuODk0MiAxMi45MzIyIDExLjkzNUMxMi44OTIzIDExLjk3NTMgMTIuODQwNyAxMS45OTcyIDEyLjc4ODQgMTEuOTk5M0gzLjE4MjI3TDMuMTY0NTUgMTEuOTk5OUMzLjE0NDA2IDEyLjAwMDYgMy4xMjM0MyAxMS45OTcxIDMuMTAzODMgMTEuOTg5M0MzLjA4NDIxIDExLjk4MTUgMy4wNjU2NyAxMS45Njk0IDMuMDQ5NjYgMTEuOTUzM0MzLjAzMzY0IDExLjkzNzEgMy4wMjA1MSAxMS45MTcxIDMuMDExNjUgMTEuODk0NEMzLjAwMjc4IDExLjg3MTcgMi45OTg1MyAxMS44NDcgMi45OTkzOSAxMS44MjJaIj48L3BhdGg+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi45OTkzOSAxMS44MjJMMyAxMS44MDQ2VjQuMjIzMThDMy4wMDIyMyA0LjE2MTcxIDMuMDI3NDEgNC4xMDUxMSAzLjA2Nzc5IDQuMDY0MzJDMy4xMDc3MyA0LjAyMzk4IDMuMTU5MjkgNC4wMDIwOCAzLjIxMTYxIDRINi4yNDU4OUw3LjUgNkgxMi44QzEyLjkxMDUgNiAxMyA2LjA4Nzk2IDEzIDYuMTk4NDJDMTMgNy4xMzEwNyAxMyAxMS4wNjM2IDEzIDExLjc3NjFDMTIuOTk3OCAxMS44Mzc2IDEyLjk3MjYgMTEuODk0MiAxMi45MzIyIDExLjkzNUMxMi44OTIzIDExLjk3NTMgMTIuODQwNyAxMS45OTcyIDEyLjc4ODQgMTEuOTk5M0gzLjE4MjI3TDMuMTY0NTUgMTEuOTk5OUMzLjE0NDA2IDEyLjAwMDYgMy4xMjM0MyAxMS45OTcxIDMuMTAzODMgMTEuOTg5M0MzLjA4NDIxIDExLjk4MTUgMy4wNjU2NyAxMS45Njk0IDMuMDQ5NjcgMTEuOTUzM0MzLjAzMzY0IDExLjkzNzEgMy4wMjA1MSAxMS45MTcxIDMuMDExNjUgMTEuODk0NEMzLjAwMjc4IDExLjg3MTcgMi45OTg1MyAxMS44NDcgMi45OTkzOSAxMS44MjJaIiBmaWxsLW9wYWNpdHk9IjAuMSI+PC9wYXRoPgo8L3N2Zz4=") !important;
-  margin-right: 8px !important;
+    padding-right: 15px !important;
+    margin-right: -1px !important;
   }
 
 
@@ -161,3 +183,13 @@ toolbar#nav-bar {
     position: absolute;
     top: 4px;
 }
+
+#sidebarMenu-popup .subviewbutton {
+    min-width: 0px;
+    padding: 0;
+    margin: 0 !Important;
+}
+
+toolbarseparator {
+    display: none;
+}