Bug 1306986 - Fix occurances of :-moz-locale-dir affecting HTML devtools panels. r=jdescottes draft
authorTim Nguyen <ntim.bugs@gmail.com>
Sun, 09 Apr 2017 23:48:22 +0200
changeset 559375 e8be90311050f7c717fa885532249a3876ced3da
parent 559363 0dbe18767bbf6fa8594aaba16df8472062a4e5c9
child 623366 2ad85e7d3808d7c97fc41d116a6a74a8606a5f20
push id53061
push userbmo:ntim.bugs@gmail.com
push dateSun, 09 Apr 2017 21:48:56 +0000
reviewersjdescottes
bugs1306986
milestone55.0a1
Bug 1306986 - Fix occurances of :-moz-locale-dir affecting HTML devtools panels. r=jdescottes MozReview-Commit-ID: Bi2s5Eq9Qap
devtools/client/netmonitor/src/assets/styles/netmonitor.css
devtools/client/themes/widgets.css
--- a/devtools/client/netmonitor/src/assets/styles/netmonitor.css
+++ b/devtools/client/netmonitor/src/assets/styles/netmonitor.css
@@ -506,21 +506,21 @@ body,
    * The container width then is not limited by the content. */
   flex: initial;
 }
 
 .requests-list-timings-division:not(:first-child) {
   border-inline-start: 1px dashed;
 }
 
-.requests-list-timings-division:-moz-locale-dir(ltr) {
+.requests-list-timings-division:dir(ltr) {
   transform-origin: left center;
 }
 
-.requests-list-timings-division:-moz-locale-dir(rtl) {
+.requests-list-timings-division:dir(rtl) {
   transform-origin: right center;
 }
 
 .theme-dark .requests-list-timings-division {
   border-inline-start-color: #5a6169 !important;
 }
 
 .theme-light .requests-list-timings-division {
@@ -539,40 +539,40 @@ body,
   padding-inline-end: 4px;
   /* Background created on a <canvas> in js. */
   /* @see devtools/client/netmonitor/netmonitor-view.js */
   background-image: -moz-element(#waterfall-background);
   background-repeat: repeat-y;
   background-position: left center;
 }
 
-.requests-list-subitem.requests-list-waterfall:-moz-locale-dir(rtl) {
+.requests-list-subitem.requests-list-waterfall:dir(rtl) {
   background-position: right center;
 }
 
 .requests-list-timings {
   display: flex;
   flex: none;
   align-items: center;
   transform: scaleX(var(--timings-scale));
 }
 
-.requests-list-timings:-moz-locale-dir(ltr) {
+.requests-list-timings:dir(ltr) {
   transform-origin: left center;
 }
 
-.requests-list-timings:-moz-locale-dir(rtl) {
+.requests-list-timings:dir(rtl) {
   transform-origin: right center;
 }
 
-.requests-list-timings-total:-moz-locale-dir(ltr) {
+.requests-list-timings-total:dir(ltr) {
   transform-origin: left center;
 }
 
-.requests-list-timings-total:-moz-locale-dir(rtl) {
+.requests-list-timings-total:dir(rtl) {
   transform-origin: right center;
 }
 
 .requests-list-timings-total {
   display: inline-block;
   padding-inline-start: 4px;
   font-size: 85%;
   font-weight: 600;
@@ -675,23 +675,23 @@ body,
 }
 
 /* Network details panel */
 
 .network-details-panel-toggle[disabled] {
   display: none;
 }
 
-.network-details-panel-toggle:-moz-locale-dir(ltr)::before,
-.network-details-panel-toggle.pane-collapsed:-moz-locale-dir(rtl)::before {
+.network-details-panel-toggle:dir(ltr)::before,
+.network-details-panel-toggle.pane-collapsed:dir(rtl)::before {
   background-image: var(--theme-pane-collapse-image);
 }
 
-.network-details-panel-toggle.pane-collapsed:-moz-locale-dir(ltr)::before,
-.network-details-panel-toggle:-moz-locale-dir(rtl)::before {
+.network-details-panel-toggle.pane-collapsed:dir(ltr)::before,
+.network-details-panel-toggle:dir(rtl)::before {
   background-image: var(--theme-pane-expand-image);
 }
 
 /* Network request details tabpanels */
 
 .network-details-panel {
   width: 100%;
   height: 100%;
--- a/devtools/client/themes/widgets.css
+++ b/devtools/client/themes/widgets.css
@@ -159,38 +159,44 @@
 }
 
 .scrollbutton-up[disabled] > .toolbarbutton-icon,
 .scrollbutton-down[disabled] > .toolbarbutton-icon {
   opacity: 0.5;
 }
 
 /* Draw shadows to indicate there is more content 'behind' scrollbuttons. */
-.scrollbutton-up:-moz-locale-dir(ltr),
-.scrollbutton-down:-moz-locale-dir(rtl) {
+.scrollbutton-up:-moz-locale-dir(ltr):not(:dir(rtl)),
+.scrollbutton-up:dir(ltr),
+.scrollbutton-down:-moz-locale-dir(rtl),
+.scrollbutton-down:dir(rtl) {
   border-right: solid 1px rgba(255, 255, 255, .1);
   border-left: solid 1px transparent;
   box-shadow: 3px 0px 3px -3px var(--theme-sidebar-background);
 }
 
-.scrollbutton-down:-moz-locale-dir(ltr),
-.scrollbutton-up:-moz-locale-dir(rtl) {
+.scrollbutton-down:-moz-locale-dir(ltr):not(:dir(rtl)),
+.scrollbutton-down:dir(ltr),
+.scrollbutton-up:-moz-locale-dir(rtl),
+.scrollbutton-up:dir(rtl) {
   border-right: solid 1px transparent;
   border-left: solid 1px rgba(255, 255, 255, .1);
   box-shadow: -3px 0px 3px -3px var(--theme-sidebar-background);
 }
 
 .scrollbutton-up[disabled],
 .scrollbutton-down[disabled] {
   box-shadow: none;
   border-color: transparent;
 }
 
 .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
-.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
+.scrollbutton-up > .toolbarbutton-icon:dir(rtl),
+.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr):not(:dir(rtl)),
+.scrollbutton-down > .toolbarbutton-icon:dir(ltr) {
   transform: scaleX(-1);
 }
 
 .breadcrumbs-widget-item {
   background-color: transparent;
   -moz-appearance: none; appearance: none;
   min-height: 24px;
   min-width: 65px;