Bug 1529680 - [release 127] Remove postcss-bidirection (#7948). r=dwalsh
authorFlorens Verschelde <florens@fvsch.com>
Mon, 25 Feb 2019 09:58:51 -0500
changeset 461080 302cfcce2693364cc169895a7172aed43c6c40b1
parent 461079 5834259f14f88725f3379d5d03b082713e490f1f
child 461081 ba061047b9a0349d86f79834659f5b87f988958e
push id35618
push usershindli@mozilla.com
push dateTue, 26 Feb 2019 16:54:44 +0000
treeherdermozilla-central@d326a9d5f77b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdwalsh
bugs1529680
milestone67.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 1529680 - [release 127] Remove postcss-bidirection (#7948). r=dwalsh
devtools/client/debugger/new/dist/debugger.css
devtools/client/debugger/new/src/components/ProjectSearch.css
devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css
devtools/client/debugger/new/src/components/SecondaryPanes/Expressions.css
devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css
devtools/client/debugger/new/src/components/WelcomeBox.css
devtools/client/debugger/new/src/components/shared/Dropdown.css
devtools/client/debugger/new/src/components/shared/SearchInput.css
--- a/devtools/client/debugger/new/dist/debugger.css
+++ b/devtools/client/debugger/new/dist/debugger.css
@@ -1370,25 +1370,25 @@ html[dir="ltr"] .toggle-button.end:not(.
   min-height: 24px;
   width: 100%;
   background-color: var(--theme-toolbar-background);
 }
 
 .search-field .img.search {
   position: absolute;
   z-index: 1;
-  left: 6px;
+  inset-inline-start: 6px;
   top: calc(50% - 8px);
   mask-size: 12px;
   background-color: var(--theme-icon-dimmed-color);
   pointer-events: none;
 }
 
 .search-field.big .img.search {
-  left: 12px;
+  inset-inline-start: 12px;
   mask-size: 16px;
 }
 
 .search-field .img.loader {
   width: 24px;
   height: 24px;
   margin-inline-end: 6px;
   animation: search-loader-rotate 0.5s linear infinite;
@@ -1509,17 +1509,17 @@ html[dir="ltr"] .toggle-button.end:not(.
   margin: 0 2px 0 2px;
   border-radius: 2px;
 }
 
 .project-text-search .result .line-number {
   padding-left: 5px;
   min-width: 33px;
   width: 100%;
-  text-align: right;
+  text-align: end;
   grid-column: 1/2;
 }
 
 .project-text-search .result .line-value {
   grid-column: 2/3;
   padding-left: 5px;
   text-overflow: ellipsis;
   overflow-x: hidden;
@@ -3183,21 +3183,17 @@ html .breakpoints-list .breakpoint.pause
 .breakpoints-list .breakpoint:hover {
   background-color: var(--search-overlays-semitransparent);
 }
 
 .breakpoints-list .breakpoint .breakpoint-line {
   font-size: 11px;
   color: var(--theme-comment);
   min-width: 16px;
-  text-align: right;
-}
-
-html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line {
-  text-align: left;
+  text-align: end;
 }
 
 .breakpoints-list .breakpoint:hover .breakpoint-line {
   color: transparent;
 }
 
 .breakpoints-list .breakpoint.paused:hover {
   border-color: var(--breakpoint-active-color-hover);
@@ -3235,19 +3231,17 @@ html[dir="rtl"] .breakpoints-list .break
 }
 
 .breakpoints-list .pause-indicator {
   flex: 0 1 content;
   order: 3;
 }
 
 .breakpoint .close-btn {
-  offset-inline-end: 15px;
   inset-inline-end: 15px;
-  offset-inline-start: auto;
   inset-inline-start: auto;
   position: absolute;
   top: 8px;
   display: none;
 }
 
 .breakpoint:hover .close-btn {
   display: flex;
@@ -3387,17 +3381,16 @@ html[dir="rtl"] .breakpoints-list .break
 }
 
 .tree .tree-node:not(.focused):hover {
   background-color: transparent;
 }
 
 .expression-container__close-btn {
   position: absolute;
-  offset-inline-end: 0px;
   inset-inline-end: 0px;
   top: 1px;
 }
 
 .expression-content {
   position: relative;
 }
 
@@ -3803,20 +3796,16 @@ html[dir="rtl"] .command-bar {
   padding-top: 8px;
   margin-inline-end: 4px;
 }
 
 .command-bar .replay-active {
   color: var(--theme-highlight-blue);
 }
 
-.command-bar .subSettings {
-  float: right;
-}
-
 .command-bar .active .disable-pausing {
   background-color: var(--theme-icon-checked-color);
 }
 
 .bottom {
   border-bottom: none;
   background-color: var(--theme-body-background);
   border-top: 1px solid var(--theme-splitter-color);
@@ -3948,18 +3937,18 @@ html[dir="rtl"] .command-bar {
   flex-grow: 1;
   display: flex;
   padding-inline-end: 36px;
   align-items: center;
   overflow-x: hidden;
 }
 
 .xhr-container__close-btn {
-  offset-inline-end: 12px;
-  offset-inline-start: auto;
+  inset-inline-end: 12px;
+  inset-inline-start: auto;
   position: absolute;
   top: 8px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .event-listeners-content {
@@ -4179,19 +4168,17 @@ html[dir="rtl"] .object-node {
 
 .theme-dark .welcomebox {
   background-color: var(--theme-body-background);
 }
 
 .welcomebox .command-bar-button {
   position: absolute;
   top: auto;
-  offset-inline-end: 0;
   inset-inline-end: 0;
-  offset-inline-start: auto;
   inset-inline-start: auto;
   bottom: 0;
 }
 
 .alignlabel {
   display: flex;
   white-space: nowrap;
   font-size: 1.25em;
@@ -4211,26 +4198,26 @@ html[dir="rtl"] .object-node {
 
 .welcomebox__searchSources:hover,
 .welcomebox__searchProject:hover,
 .welcomebox__allShortcuts:hover {
   color: var(--theme-body-color);
 }
 
 .shortcutKey {
-  text-align: right;
+  text-align: end;
   padding-right: 10px;
   font-family: var(--monospace-font-family);
   font-size: 14px;
   line-height: 18px;
   color: var(--theme-body-color);
 }
 
 .shortcutLabel {
-  text-align: left;
+  text-align: start;
   padding-left: 10px;
   font-size: 14px;
   line-height: 18px;
 }
 
 .shortcutFunction {
   margin: 0 auto;
   color: var(--theme-comment);
@@ -4372,17 +4359,17 @@ html .welcomebox .toggle-button-end.coll
 
 .dropdown {
   background: var(--theme-body-background);
   border: 1px solid var(--theme-splitter-color);
   border-radius: 4px;
   box-shadow: 0 4px 4px 0 var(--search-overlays-semitransparent);
   max-height: 300px;
   position: absolute;
-  offset-inline-end: 2px;
+  inset-inline-end: 2px;
   top: 24px;
   width: 150px;
   z-index: 1000;
   overflow: auto;
 }
 
 .dropdown-block {
   position: relative;
--- a/devtools/client/debugger/new/src/components/ProjectSearch.css
+++ b/devtools/client/debugger/new/src/components/ProjectSearch.css
@@ -47,17 +47,17 @@
   margin: 0 2px 0 2px;
   border-radius: 2px;
 }
 
 .project-text-search .result .line-number {
   padding-left: 5px;
   min-width: 33px;
   width: 100%;
-  text-align: right;
+  text-align: end;
   grid-column: 1/2;
 }
 
 .project-text-search .result .line-value {
   grid-column: 2/3;
   padding-left: 5px;
   text-overflow: ellipsis;
   overflow-x: hidden;
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
@@ -126,21 +126,17 @@ html .breakpoints-list .breakpoint.pause
 .breakpoints-list .breakpoint:hover {
   background-color: var(--search-overlays-semitransparent);
 }
 
 .breakpoints-list .breakpoint .breakpoint-line {
   font-size: 11px;
   color: var(--theme-comment);
   min-width: 16px;
-  text-align: right;
-}
-
-html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line {
-  text-align: left;
+  text-align: end;
 }
 
 .breakpoints-list .breakpoint:hover .breakpoint-line {
   color: transparent;
 }
 
 .breakpoints-list .breakpoint.paused:hover {
   border-color: var(--breakpoint-active-color-hover);
@@ -178,19 +174,17 @@ html[dir="rtl"] .breakpoints-list .break
 }
 
 .breakpoints-list .pause-indicator {
   flex: 0 1 content;
   order: 3;
 }
 
 .breakpoint .close-btn {
-  offset-inline-end: 15px;
   inset-inline-end: 15px;
-  offset-inline-start: auto;
   inset-inline-start: auto;
   position: absolute;
   top: 8px;
   display: none;
 }
 
 .breakpoint:hover .close-btn {
   display: flex;
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css
@@ -32,20 +32,16 @@ html[dir="rtl"] .command-bar {
   padding-top: 8px;
   margin-inline-end: 4px;
 }
 
 .command-bar .replay-active {
   color: var(--theme-highlight-blue);
 }
 
-.command-bar .subSettings {
-  float: right;
-}
-
 .command-bar .active .disable-pausing {
   background-color: var(--theme-icon-checked-color);
 }
 
 .bottom {
   border-bottom: none;
   background-color: var(--theme-body-background);
   border-top: 1px solid var(--theme-splitter-color);
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Expressions.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Expressions.css
@@ -89,17 +89,16 @@
 }
 
 .tree .tree-node:not(.focused):hover {
   background-color: transparent;
 }
 
 .expression-container__close-btn {
   position: absolute;
-  offset-inline-end: 0px;
   inset-inline-end: 0px;
   top: 1px;
 }
 
 .expression-content {
   position: relative;
 }
 
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css
@@ -104,13 +104,13 @@
   flex-grow: 1;
   display: flex;
   padding-inline-end: 36px;
   align-items: center;
   overflow-x: hidden;
 }
 
 .xhr-container__close-btn {
-  offset-inline-end: 12px;
-  offset-inline-start: auto;
+  inset-inline-end: 12px;
+  inset-inline-start: auto;
   position: absolute;
   top: 8px;
 }
--- a/devtools/client/debugger/new/src/components/WelcomeBox.css
+++ b/devtools/client/debugger/new/src/components/WelcomeBox.css
@@ -18,19 +18,17 @@
 
 .theme-dark .welcomebox {
   background-color: var(--theme-body-background);
 }
 
 .welcomebox .command-bar-button {
   position: absolute;
   top: auto;
-  offset-inline-end: 0;
   inset-inline-end: 0;
-  offset-inline-start: auto;
   inset-inline-start: auto;
   bottom: 0;
 }
 
 .alignlabel {
   display: flex;
   white-space: nowrap;
   font-size: 1.25em;
@@ -50,26 +48,26 @@
 
 .welcomebox__searchSources:hover,
 .welcomebox__searchProject:hover,
 .welcomebox__allShortcuts:hover {
   color: var(--theme-body-color);
 }
 
 .shortcutKey {
-  text-align: right;
+  text-align: end;
   padding-right: 10px;
   font-family: var(--monospace-font-family);
   font-size: 14px;
   line-height: 18px;
   color: var(--theme-body-color);
 }
 
 .shortcutLabel {
-  text-align: left;
+  text-align: start;
   padding-left: 10px;
   font-size: 14px;
   line-height: 18px;
 }
 
 .shortcutFunction {
   margin: 0 auto;
   color: var(--theme-comment);
--- a/devtools/client/debugger/new/src/components/shared/Dropdown.css
+++ b/devtools/client/debugger/new/src/components/shared/Dropdown.css
@@ -4,17 +4,17 @@
 
 .dropdown {
   background: var(--theme-body-background);
   border: 1px solid var(--theme-splitter-color);
   border-radius: 4px;
   box-shadow: 0 4px 4px 0 var(--search-overlays-semitransparent);
   max-height: 300px;
   position: absolute;
-  offset-inline-end: 2px;
+  inset-inline-end: 2px;
   top: 24px;
   width: 150px;
   z-index: 1000;
   overflow: auto;
 }
 
 .dropdown-block {
   position: relative;
--- a/devtools/client/debugger/new/src/components/shared/SearchInput.css
+++ b/devtools/client/debugger/new/src/components/shared/SearchInput.css
@@ -29,25 +29,25 @@
   min-height: 24px;
   width: 100%;
   background-color: var(--theme-toolbar-background);
 }
 
 .search-field .img.search {
   position: absolute;
   z-index: 1;
-  left: 6px;
+  inset-inline-start: 6px;
   top: calc(50% - 8px);
   mask-size: 12px;
   background-color: var(--theme-icon-dimmed-color);
   pointer-events: none;
 }
 
 .search-field.big .img.search {
-  left: 12px;
+  inset-inline-start: 12px;
   mask-size: 16px;
 }
 
 .search-field .img.loader {
   width: 24px;
   height: 24px;
   margin-inline-end: 6px;
   animation: search-loader-rotate 0.5s linear infinite;