Bug 1371995 - Use the browser UI direction to set the fade-out direction for the New Tab string in tab titles. r=mconley, a=ritu
authorEhsan Akhgari <ehsan@mozilla.com>
Mon, 12 Jun 2017 11:20:29 -0400
changeset 413937 4281d28ef7acd790d969e02f8215f1cba67ff0df
parent 413936 72a0956cd5c116eeaa30a859792f8212c6fa5c75
child 413938 95f8f0437e2a17faa3921593c541bcf008a1a832
push id1490
push usermtabara@mozilla.com
push dateMon, 31 Jul 2017 14:08:16 +0000
treeherdermozilla-release@70e32e6bf15e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley, ritu
bugs1371995
milestone55.0
Bug 1371995 - Use the browser UI direction to set the fade-out direction for the New Tab string in tab titles. r=mconley, a=ritu
browser/base/content/tabbrowser.css
--- a/browser/base/content/tabbrowser.css
+++ b/browser/base/content/tabbrowser.css
@@ -46,22 +46,24 @@
 .tab-label-container {
   overflow: hidden;
 }
 
 .tab-label-container[pinned] {
   width: 0;
 }
 
-.tab-label-container[textoverflow][dir=ltr]:not([pinned]) {
+.tab-label-container[textoverflow][dir=ltr]:not([pinned]),
+.tab-label-container[textoverflow]:not([dir]):not([pinned]):-moz-locale-dir(ltr) {
   direction: ltr;
   mask-image: linear-gradient(to left, transparent, black 2em);
 }
 
-.tab-label-container[textoverflow][dir=rtl]:not([pinned]) {
+.tab-label-container[textoverflow][dir=rtl]:not([pinned]),
+.tab-label-container[textoverflow]:not([dir]):not([pinned]):-moz-locale-dir(rtl) {
   direction: rtl;
   mask-image: linear-gradient(to right, transparent, black 2em);
 }
 
 .tab-stack {
   vertical-align: top; /* for pinned tabs */
 }