Bug 1545957 - Fix expander/twisty icon rotation for LTR panels in RTL mode. r=pbro

Reverts the icon rotation while in RTL mode for panels which always use LTR layout.
To test RTL layout, navigate to about:config and set intl.uidirection = 1

Differential Revision: https://phabricator.services.mozilla.com/D28618

--HG--
extra : moz-landing-system : lando

devtools/client/themes/computed.css

@@ -11,6 +11,13 @@
   height: 100%;
 }
 
+/* Reset the global rotation of the icon done for RTL layout.
+   Computed view is always LTR */
+#sidebar-panel-computedview .theme-twisty:not(.open):dir(rtl),
+#sidebar-panel-computedview .theme-twisty:not([open]):-moz-locale-dir(rtl) {
+  transform: rotate(-90deg);
+}
+
 #computed-container {
   overflow: auto;
   height: 100%;

devtools/client/themes/markup.css

@@ -40,6 +40,13 @@ body {
   min-width: 100%;
 }
 
+/* Reset the global rotation of the icon done for RTL layout.
+   Markup view is always LTR */
+#root .theme-twisty:not(.open):dir(rtl),
+#root .theme-twisty:not([open]):-moz-locale-dir(rtl) {
+  transform: rotate(-90deg);
+}
+
 /* Don't display a parent-child outline for the root elements */
 #root > ul > li > .children {
   background: none;