Bug 1285540 - HTML Tooltip use LTR to position tooltip arrow;r=bgrins
MozReview-Commit-ID: EGMCAZBu1x5
--- a/devtools/client/themes/tooltips.css
+++ b/devtools/client/themes/tooltips.css
@@ -200,18 +200,23 @@
.tooltip-arrow {
position: relative;
height: 16px;
width: 32px;
overflow: hidden;
flex-shrink: 0;
}
-.tooltip-arrow:-moz-locale-dir(rtl) {
- align-self: flex-end;
+/* In RTL locales, only use RTL on the tooltip content, keep LTR for positioning */
+.tooltip-container:-moz-locale-dir(rtl) {
+ direction: ltr;
+}
+
+.tooltip-panel:-moz-locale-dir(rtl) {
+ direction: rtl;
}
.tooltip-top .tooltip-arrow {
margin-top: -3px;
}
.tooltip-bottom .tooltip-arrow {
margin-bottom: -3px;