Bug 1494711 - Don't RTL the twisties in the 'Show DOM properties' panel. r=nchevobbe
authorphoenixabhishek <phoenixgyaan@gmail.com>
Mon, 04 Mar 2019 10:49:02 +0000
changeset 520095 b10430e35c4ebfb22e7bd6c97104a3c741bba3cd
parent 520094 ee0735447f257ac81e044673874e26b70b37b706
child 520096 6b58c76fab103a497ef3a8bf86acc41b9a2f68b2
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnchevobbe
bugs1494711
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 1494711 - Don't RTL the twisties in the 'Show DOM properties' panel. r=nchevobbe Don't RTL the twisties in the 'Show DOM properties' panel Differential Revision: https://phabricator.services.mozilla.com/D21758
devtools/client/themes/webconsole.css
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -958,22 +958,28 @@ body {
 
 /* Apply a style similar to collapse-button for the object tree arrows */
 .webconsole-app .tree .arrow,
 .webconsole-app .object-inspector .tree-node .arrow {
   width: 10px;
   height: 10px;
   background: url("chrome://devtools/skin/images/arrow.svg") no-repeat center;
   background-size: 10px;
+  transform: rotate(-90deg);
   /* Needed for alignment */
   margin-top: -1px;
   -moz-context-properties: fill;
   fill: var(--theme-icon-dimmed-color);
 }
 
+.webconsole-app .tree .arrow.expanded,
+.webconsole-app .object-inspector .tree-node .arrow.expanded {
+  transform: rotate(0deg);
+}
+
 /* Sidebar */
 .sidebar {
   display: flex;
   grid-row: 1 / -1;
   grid-column: -1 / -2;
   background-color: var(--theme-sidebar-background);
   border-inline-start: 1px solid var(--theme-splitter-color);
 }