Bug 1205569 - Use margin-inline-start instead of margin-left for the webconsole filter icons so they look right on RTL locales. r?ntim
MozReview-Commit-ID: GTVUmgM45Yf
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -181,17 +181,17 @@ a {
}
.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-radius: 50%;
- margin-left: 5px;
+ margin-inline-start: 5px;
border-width: 1px;
border-style: solid;
}
/* Network styles */
.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
background-image: linear-gradient(#444444, #000000);
border-color: #777;
@@ -560,17 +560,17 @@ a.learn-more-link.webconsole-learn-more-
min-width: 40px;
}
.hud-console-filter-toolbar .webconsole-clear-console-button {
min-width: 25px;
}
.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
width: 12px;
height: 12px;
- margin-left: 1px;
+ margin-inline-start: 1px;
}
.toolbarbutton-menubutton-dropmarker {
margin: 0px;
}
}
@media (max-width: 300px) {
.hud-console-filter-toolbar {