From 88e722b01168711f446be63b280cc04564a5b63e Mon Sep 17 00:00:00 2001
From: Thomas Syms <thomassyms@gmail.com>
Date: Tue, 16 Jan 2024 13:17:53 -0400
Subject: [PATCH] Swapped out css for firefox

---
 home/applications/browsers/default.nix | 85 +++++++++++++++++++++++++-
 1 file changed, 83 insertions(+), 2 deletions(-)

diff --git a/home/applications/browsers/default.nix b/home/applications/browsers/default.nix
index 0cf4da9..4eca3c3 100644
--- a/home/applications/browsers/default.nix
+++ b/home/applications/browsers/default.nix
@@ -284,9 +284,90 @@
           "widget.use-xdg-desktop-portal.file-picker" = 1;
         };
         userChrome = ''
-          #TabsToolbar{ visibility: collapse !important }
+              /* Sidebery */
+          #main-window[titlepreface*="🦊 "] .tabbrowser-tab {
+            visibility: collapse !important;
+          }
 
-          #sidebar-header {visibility: collapse !important}
+          #main-window[titlepreface*="🦊 "] .titlebar-button {
+            height: 40px !important;
+          }
+
+          #main-window[titlepreface*="🦊 "] #nav-bar {
+            margin-top: -40px;
+            margin-right: 137px;
+            box-shadow: none !important;
+          }
+          #main-window[titlepreface*="🦊 "] #titlebar-spacer {
+            background-color: var(--chrome-secondary-background-color);
+          }
+
+          #main-window[titlepreface*="🦊 "] #titlebar-buttonbox-container {
+            background-color: var(--chrome-secondary-background-color);
+          }
+
+          #main-window[titlepreface*="🦊 "] .titlebar-color {
+            background-color: var(--toolbar-bgcolor);
+          }
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar-header {
+            visibility: collapse;
+          }
+
+          /* 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 */
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
+            --uc-sidebar-width: 48px !important;
+            --uc-sidebar-hover-width: 250px;
+            --uc-autohide-sidebar-delay: 300ms; /* Wait 0.3s before hiding sidebar */
+            position: relative;
+            min-width: var(--uc-sidebar-width) !important;
+            width: var(--uc-sidebar-width) !important;
+            max-width: var(--uc-sidebar-width) !important;
+            z-index:1;
+          }
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-splitter {
+            display: none
+          }
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar {
+            transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
+            min-width: var(--uc-sidebar-width) !important;
+            will-change: min-width;
+          }
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover > #sidebar{
+            min-width: var(--uc-sidebar-hover-width) !important;
+            transition-delay: 0ms !important
+          }
+
+          /* Add sidebar divider and give it background */
+
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar,
+          #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-header {
+            background-color: var(--toolbar-bgcolor) !important;
+          /*  border-inline: 1px solid var(--sidebar-border-color) !important;*/
+            border-inline: 1px solid var(--chrome-content-separator-color) !important;
+            border-inline-width: 0px 1px;
+          }
+          #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
+          }
         '';
       };
       /*