feat: auto hide sidebar userchrome and add language packs

home/graphical/firefox/default.nix

@@ -10,20 +10,81 @@ lib.mkIf osConfig.programs.firefox.enable {
     enable = true;
     # Installed by nixpkgs module
     package = null;
+    languagePacks = [
+      "de"
+      "en-GB"
+      "fr"
+    ];
     profiles.${config.home.username} = {
       name = config.home.username;
       isDefault = true;
-      userChrome = ''
+      userContent = # css
-        /* Hides the native tabs */
+        ''
-        #TabsToolbar {
+          // Sidebery
-            visibility: collapse;
+          @-moz-document url("moz-extension://d1d9847c-2bad-429f-9366-56db49b8c3d6/sidebar/sidebar.html")
-        }
+          {
-        /* Fixed width for the sidebar */
+            #root {
-        #sidebar-box {
+              --tabs-indent: 0px !important;
-            max-width: 17.5% !important;
+            }
-            min-width: 17.5% !important;
+
-        }
+            #root:hover {
-      '';
+              --tabs-indent: 30px !important;
+            }
+          }
+        '';
+      userChrome = # css
+        ''
+          /* Hides the native tabs, sidebar header and splitter */
+          #TabsToolbar,
+          #sidebar-splitter,
+          #sidebar-header {
+            display: none;
+          }
+
+          #sidebar-box {
+            --sidebar-normal-width: 35px;
+            --sidebar-hovered-width: 300px;
+            --sidebar-transition-speed: 200ms;
+            --sidebar-collapse-delay: 300ms;
+            --sidebar-transition-type: linear;
+            --browser-area-z-index-sidebar: 3;
+
+            position: relative;
+            min-width: var(--sidebar-normal-width) !important;
+            width: var(--sidebar-normal-width) !important;
+            max-width: var(--sidebar-normal-width) !important;
+            z-index: var(--browser-area-z-index-sidebar);
+          }
+
+          #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 {
+            --sidebar-normal-width: 1px;
+          }
+
+          #sidebar {
+            transition: min-width var(--sidebar-transition-speed)
+              var(--sidebar-transition-type) var(--sidebar-collapse-delay) !important;
+            min-width: var(--sidebar-normal-width) !important;
+            will-change: min-width;
+          }
+          #sidebar-box:hover > #sidebar {
+            min-width: var(--sidebar-hovered-width) !important;
+            transition-delay: 20ms !important;
+          }
+        '';
       search = {
         default = "DuckDuckGo";
         force = true;