making firefox work better with mouse by letting tabs show

firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css

@@ -1,5 +1,5 @@
 /* Modify these to change relative widths or default height */
-#navigator-toolbox{ --uc-navigationbar-width: -2vw; --uc-toolbar-height: 27px; --window-drag-space-width: 0px}
+#navigator-toolbox{ --uc-navigationbar-width: -2vw; --uc-toolbar-height: 20px; --window-drag-space-width: 0px}
 /* Override for other densities */
 :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 22px;}
 :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
@@ -54,10 +54,14 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-top: -1px;
+    margin-top: 5px;
+    max-height: 20px;
     min-width: 100% !important;
     padding: 0 10px !important;
 }
+.tab-icon-image {
+    margin-top: 4px;
+}
 
 /* A way to center the label and icon while
 the close button is positioned to the far right */
@@ -72,92 +76,39 @@ the close button is positioned to the far right */
     opacity: 1 !important;
 }
 
-/* /\* If tab close button is not present, don't force favicon to the center *\/ */
-/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber, */
-/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback, */
-/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image, */
-/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container { */
-/* 	margin-left: 0 !important; */
-/* } */
-
-/* #toolbar-menubar{ height:initial !important; } */
-/* #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } */
-/* #toolbar-menubar[inactive]{  */
-/*   margin-bottom: calc(0px - var(--uc-toolbar-height)); */
-/*   margin-left: 0px; */
-/*   height: calc(var(--uc-toolbar-height) - 5) !important; */
-/* } */
-
 #tabs-newtab-button {
     visibility: hidden !important;
 }
 
-#TabsToolbar{
+#tabbrowser-tabs {
-    margin-top: -44px !important;
+    max-height: 30px !important;
 }
 
-/* .scrollbox-clip > scrollbox:nth-child(1){ */
+#TabsToolbar{
-/*   margin-top; -10px !important; */
+    margin-top: -0px !important;
-/* } */
+    max-height: 30px;
+}
 
-/* #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, */
-/* #tabbrowser-tabs, */
-/* .tabbrowser-tab[pinned]{ */
-/*     margin-left: -10px; */
-/*     margin-top: -42px !important; */
-/* } */
 
-/* .tabbrowser-tab[selected]{ */
+.tabbrowser-tab, .tab-background, .tab-stack { 
-/*   min-width: 200px !important; */
+    margin-top: 0px !important;
-/*   max-width: 2600px !important; */
+    max-height: 10px !important;
-/*   max-height: 20px !important; */
+    border: none !important; 
-/*   height: 20px !important; */
+    border-radius: 1px !important;
-/*   min-height: 20px !important; */
+}
-/*   box-shadow: 0px 0px 6px 3px #111; */
-/* } */
 
-/* .tabbrowser-tab[pinned]{ */
+.tab-background {
-/*   max-width: 35px !important; */
+    margin-top: -5px !important;
-/*   min-width: 0px !important; */
+    max-height: 10px !important;
-/* } */
+}
 
-/* .tabbrowser-tab{ */
+.tab-loading-burst {
-/*   max-width: 80px !important; */
+    max-height: 20px !important;
-/*   min-width: 10px !important; */
+}
-/* } */
-
-/* .tab-background { */
-/*   border-top: 0px !important; */
-/* } */
-
-/* .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay .tab-icon-sound{ */
-/*   max-height: 13px !important; */
-/*   height: 13px !important; */
-/*   min-height: 13px !important; */
-/*   min-width: 13px !important; */
-/*   max-width: 13px !important; */
-/*   align-self: center !important; */
-/* } */
-
-/* .tab-throbber, .tab-throbber-tabslist { */
-/*   max-height: 18px !important; */
-/*   height: 18px !important; */
-/*   min-height: 18px !important; */
-/*   min-width: 16px !important; */
-/*   max-width: 16px !important; */
-/*   align-self: center !important; */
-/* } */
-
-/* #nav-bar{ */
-/*     margin-left: calc(100vw - var(--uc-navigationbar-width)); */
-/*     margin-top: calc(0px - var(--uc-toolbar-height)); */
-/*     padding-right: calc(3 * 46px + var(--window-drag-space-width)); */
-
-/* } */
-
-/* Hide dropdown placeholder */
-/* #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} */
 
+.tab-stack {
+    padding: 0px !important;
+}
 
 /* Autohide Navbar */
 
@@ -165,7 +116,7 @@ the close button is positioned to the far right */
     /*visibility: collapse !important;*/
     min-height: 0px !important;
     max-height: 0px !important;
-    margin-top: -6px !important;
+    margin-top: 1px !important;
     margin-bottom: 0px !important;
     margin-right: 70px !important;
     margin-left: 70px !important;

qutebrowser/autoconfig.yml

@@ -45,6 +45,6 @@ settings:
     https://outlook.office.com?mailtouri=%25s: false
     https://staff.tfcconnection.org: true
   tabs.show:
-    global: always
+    global: switching
   zoom.default:
     global: 100%