Bug 1593527 - Cleanup CustomRequestPanel.css to fix RTL r=Honza
authorItiel <itiel_yn8@walla.com>
Mon, 04 Nov 2019 09:58:40 +0000
changeset 500327 2b857b37df75125d7f12b46bfe6c28eac38593a3
parent 500326 3166ca8e8d9cd2fbf143b3266ab85d60630d1d7c
child 500328 07db0d2b41be5c68e142699b81685a951bfcb5d7
push id36762
push userdvarga@mozilla.com
push dateMon, 04 Nov 2019 16:12:30 +0000
treeherdermozilla-central@fa1628003bf9 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1593527
milestone72.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 1593527 - Cleanup CustomRequestPanel.css to fix RTL r=Honza Differential Revision: https://phabricator.services.mozilla.com/D51531
devtools/client/netmonitor/src/assets/styles/CustomRequestPanel.css
--- a/devtools/client/netmonitor/src/assets/styles/CustomRequestPanel.css
+++ b/devtools/client/netmonitor/src/assets/styles/CustomRequestPanel.css
@@ -2,31 +2,31 @@
  * 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/. */
 
 .network-monitor .custom-method-and-url .custom-method-value-label {
   grid-column: 1 / 1;
   grid-row: 1 / 1;
 }
 
-.network-monitor .custom-method-and-url .custom-url-value{
+.network-monitor .custom-method-and-url .custom-url-value {
   grid-column: 2 / 2;
   grid-row: 2 / 2;
+  margin-inline-start: 12px;
 }
 
 .network-monitor .custom-method-and-url .custom-method-value {
   grid-column: 1 / 1;
   grid-row: 2 / 2;
 }
 
-
 .network-monitor .custom-method-and-url .custom-url-value-label {
   grid-column: 2 / 2;
   grid-row: 1 / 1 ;
-  margin-left: 12px;
+  margin-inline-start: 12px;
 }
 
 .network-monitor .tabpanel-summary-container.custom-method-and-url {
   display: grid;
   grid-template-columns: auto 1fr;
 }
 
 .network-monitor .custom-method-and-url input {
@@ -35,38 +35,34 @@
   min-width: 9ch;
   padding: 2px 3px;
 }
 
 .network-monitor .custom-request-panel textarea {
   font-weight: 400;
   margin-top: 4px;
   padding: 8px;
-}
-
-.network-monitor .custom-method-and-url .custom-url-value {
-  margin-left: 12px;
+  direction: ltr;
 }
 
 .network-monitor .custom-request-panel {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
-.network-monitor .custom-request-panel .custom-request-panel-content{
- flex: 1 1 auto;
- height: auto;
- overflow: auto;
+.network-monitor .custom-request-panel .custom-request-panel-content {
+  flex: 1 1 auto;
+  height: auto;
+  overflow: auto;
 }
 
 .network-monitor .custom-request-panel-content > div:not(.custom-request) {
   margin-bottom: 12px;
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-inline: 16px;
 }
 
 .network-monitor .custom-request {
   display: block;
   padding: 0;
 }
 
 .network-monitor .custom-request .custom-request-button-container {
@@ -80,18 +76,17 @@
 .network-monitor .custom-request-panel .custom-request-label {
   font-weight: 400;
   white-space: nowrap;
 }
 
 .network-monitor .custom-request button {
   height: 24px;
   margin-bottom: 4px;
-  padding-left: 8px;
-  padding-right: 8px;
+  padding-inline: 8px;
   width: auto;
 }
 
 .network-monitor .custom-request button:focus {
   box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff,
   0 0 0 4px rgba(10,132,255,0.3)
 }
 
@@ -104,17 +99,17 @@
   background-color: var(--blue-80);
 }
 
 .network-monitor .custom-request #custom-request-send-button:hover {
   background-color: var(--blue-70);
 }
 
 .network-monitor .custom-request #custom-request-close-button {
-  margin-right: 4px;
+  margin-inline-end: 4px;
 }
 
 .network-monitor .custom-header {
   border-bottom-width: 1px;
   border-style: solid;
   border-width: 0;
   flex: none;
   height: calc(var(--theme-toolbar-height) + 1px);