Bug 1371995 - Use the browser UI direction to set the fade-out direction for the New Tab string in tab titles. r=mconley, a=gchang
authorEhsan Akhgari <ehsan@mozilla.com>
Wed, 28 Jun 2017 07:52:00 -0400
changeset 396519 6dcfa5094a4b64716e5ddb908e6d52a6720ef130
parent 396518 a5f0660e6251697a097f4b4debeea91836c6c39b
child 396520 90f18f9c15f7c71c755e387cfc193974fcf8b29c
push id1482
push userryanvm@gmail.com
push dateWed, 28 Jun 2017 14:56:05 +0000
treeherdermozilla-release@90f18f9c15f7 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley, gchang
bugs1371995
milestone54.0.1
Bug 1371995 - Use the browser UI direction to set the fade-out direction for the New Tab string in tab titles. r=mconley, a=gchang
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 1em);
 }
 
-.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 1em);
 }
 
 .tab-stack {
   vertical-align: top; /* for pinned tabs */
 }