Bug 1406478 - Set browser.tabs.tabMinWidth to 76. r=jaws

MozReview-Commit-ID: HRSSjpRnr5i

--HG--
extra : rebase_source : e4a479a90584d98d3f0bb5d729a99f4c77b41d5e

browser/app/profile/firefox.js

@@ -459,6 +459,7 @@ pref("browser.tabs.loadDivertedInBackground", false);
 pref("browser.tabs.loadBookmarksInBackground", false);
 pref("browser.tabs.loadBookmarksInTabs", false);
 pref("browser.tabs.tabClipWidth", 140);
+pref("browser.tabs.tabMinWidth", 76);
 #ifdef UNIX_BUT_NOT_MAC
 pref("browser.tabs.drawInTitlebar", false);
 #else
@@ -487,9 +488,6 @@ pref("browser.tabs.showAudioPlayingIcon", true);
 // This should match Chromium's audio indicator delay.
 pref("browser.tabs.delayHidingAudioPlayingIconMS", 3000);
 
-// The minimum tab width in pixels
-pref("browser.tabs.tabMinWidth", 50);
-
 pref("browser.ctrlTab.previews", false);
 
 // By default, do not export HTML at shutdown.

browser/base/content/browser.css

@@ -10,7 +10,6 @@
   --lwt-additional-images: none;
   --lwt-background-alignment: right top;
   --lwt-background-tiling: no-repeat;
-  --tab-min-width: 50px;
 }
 
 :root:-moz-lwtheme {
@@ -130,21 +129,6 @@ tabbrowser {
   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tab");
 }
 
-.tabbrowser-tab:not([pinned]) {
-  -moz-box-flex: 100;
-  max-width: 225px;
-  min-width: var(--tab-min-width);
-  width: 0;
-  transition: min-width 100ms ease-out,
-              max-width 100ms ease-out;
-}
-
-.tabbrowser-tab:not([pinned]):not([fadein]) {
-  max-width: 0.1px;
-  min-width: 0.1px;
-  visibility: hidden;
-}
-
 .tab-close-button,
 .tab-background {
   /* Explicitly set the visibility to override the value (collapsed)

browser/themes/shared/tabs.inc.css

@@ -10,6 +10,7 @@
   --tabs-top-border-width: 0px;
   --tab-toolbar-navbar-overlap: 1px;
   --tab-min-height: 33px;
+  --tab-min-width: 76px;
   --tab-loading-fill: #0A84FF;
 }
 
@@ -52,10 +53,27 @@ tabbrowser {
   border-width: 0;
   margin: 0;
   padding: 0;
+  -moz-box-align: stretch;
 }
 
-.tabbrowser-tab {
-  -moz-box-align: stretch;
+.tabbrowser-tab:not([pinned]) {
+  -moz-box-flex: 100;
+  max-width: 225px;
+  min-width: var(--tab-min-width);
+  width: 0;
+  transition: min-width 100ms ease-out,
+              max-width 100ms ease-out;
+}
+
+:root[uidensity=touch] .tabbrowser-tab:not([pinned]) {
+  /* Touch mode needs additional space for the close button. */
+  min-width: calc(var(--tab-min-width) + 10px);
+}
+
+.tabbrowser-tab:not([pinned]):not([fadein]) {
+  max-width: 0.1px;
+  min-width: 0.1px;
+  visibility: hidden;
 }
 
 /* The selected tab should appear above the border between the tabs toolbar and