Bug 1363033 - Increase length of tab label fade r=nhnt11
authorDão Gottwald <dao@mozilla.com>
Mon, 08 May 2017 17:19:57 +0200
changeset 357158 83cda925fad3bf117df1390497286307a8f0ad0c
parent 357157 1464933ce7c8732d64b121c9b3f961b6fba26b34
child 357159 4601925d7000d91277cfd2b6fa61715447837457
push id31783
push usercbook@mozilla.com
push dateTue, 09 May 2017 12:03:48 +0000
treeherdermozilla-central@b0ff0c5c0a35 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnhnt11
bugs1363033
milestone55.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1363033 - Increase length of tab label fade r=nhnt11 MozReview-Commit-ID: ANCoVl1AYf5
browser/base/content/tabbrowser.css
browser/themes/shared/tabs.inc.css
--- a/browser/base/content/tabbrowser.css
+++ b/browser/base/content/tabbrowser.css
@@ -47,21 +47,21 @@
   overflow: hidden;
 }
 
 .tab-label-container[pinned] {
   width: 0;
 }
 
 .tab-label-container[textoverflow]:not([pinned]) {
-  mask-image: linear-gradient(to left, transparent, black 1em);
+  mask-image: linear-gradient(to left, transparent, black 2em);
 }
 
 .tab-label-container[textoverflow]:not([pinned]):-moz-locale-dir(rtl) {
-  mask-image: linear-gradient(to right, transparent, black 1em);
+  mask-image: linear-gradient(to right, transparent, black 2em);
 }
 
 .tab-stack {
   vertical-align: top; /* for pinned tabs */
 }
 
 tabpanels {
   background-color: transparent;
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -187,23 +187,23 @@
 }
 
 .tab-label {
   margin-inline-end: 0;
   margin-inline-start: 0;
 }
 
 .tab-close-button {
-  margin-inline-start: 2px;
+  margin-inline-start: 1px;
   margin-inline-end: -2px;
   padding: 0;
 }
 
 .tab-icon-sound {
-  margin-inline-start: 4px;
+  margin-inline-start: 1px;
   width: 16px;
   height: 16px;
   padding: 0;
 }
 
 .tab-icon-sound[soundplaying],
 .tab-icon-sound[muted],
 .tab-icon-sound[blocked] {