From 948627009bc9630a9e8d3624c742a1e4416fbfe0 Mon Sep 17 00:00:00 2001
From: Thomas Syms <thomassyms@gmail.com>
Date: Wed, 26 Jun 2024 15:05:05 -0300
Subject: [PATCH] Updated firefox userChrome.css

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

diff --git a/home/applications/browsers/default.nix b/home/applications/browsers/default.nix
index a69f324..8cc7247 100644
--- a/home/applications/browsers/default.nix
+++ b/home/applications/browsers/default.nix
@@ -308,9 +308,60 @@
           "widget.use-xdg-desktop-portal.file-picker" = 1;
         };
         userChrome = ''
-          #TabsToolbar{ visibility: collapse !important }
+          /* ########  Sidetabs Styles  ######### */
 
-          #sidebar-header {visibility: collapse !important}
+          /* ~~~~~~~~ Autohiding styles ~~~~~~~~~ */
+          :root {
+           --sidebar-hover-width: 36px;
+           --sidebar-visible-width: 190px;
+           --sidebar-debounce-delay: 150ms;
+
+          }
+          #sidebar-box {
+           display: grid !important;
+           min-width: var(--sidebar-hover-width) !important;
+           max-width: var(--sidebar-hover-width) !important;
+           overflow: visible !important;
+           height: 100% !important;
+           min-height: 100% !important;
+           max-height: 100% !important;
+          }
+          #sidebar {
+           height: 100% !important;
+           width: var(--sidebar-hover-width) !important;
+           z-index: 200 !important;
+           position: absolute !important;
+           transition: width 150ms var(--sidebar-debounce-delay) ease !important;
+           min-width: 0 !important;
+          }
+          #sidebar:hover {
+           width: var(--sidebar-visible-width) !important;
+          }
+          /* ~~~~~~~~ Hidden elements styles ~~~~~~~~~ */
+          #TabsToolbar>:not(.titlebar-buttonbox-container) {
+          	display: none !important;
+          }
+          #navigator-toolbox {
+          	/*This rule has no effect on windows*/
+          	background: var(--toolbar-bgcolor) !important
+          }
+          @media not (-moz-platform: macos), (-moz-mac-rtl)  {
+          	#TabsToolbar>.titlebar-buttonbox-container {
+          		margin-left: auto !important;
+          	}
+          }
+          @media (-moz-platform: macos)  {
+          	#TabsToolbar>.titlebar-buttonbox-container {
+          		margin-top: 5px;
+          		margin-bottom: 5px;
+          	}
+          }
+          #sidebar-header {
+          	display: none !important;
+          }
+          /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+          /* #################################### */
         '';
       };
       /*