Bug 1510948 - Fix ObjectInspector arrows styling in console; r=Honza.
authorNicolas Chevobbe <nchevobbe@mozilla.com>
Thu, 29 Nov 2018 12:49:24 +0000
changeset 505144 952e4606a7c9334cc0213396e7b63faa414a20f1
parent 505143 e593d06bcd929ab543824921434def8c6e4c6c5b
child 505145 eff4ffb1d280a3dc97b330d876d72542ee2ee32d
push id10290
push userffxbld-merge
push dateMon, 03 Dec 2018 16:23:23 +0000
treeherdermozilla-beta@700bed2445e6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1510948
milestone65.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 1510948 - Fix ObjectInspector arrows styling in console; r=Honza. Differential Revision: https://phabricator.services.mozilla.com/D13381
devtools/client/themes/webconsole.css
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -963,19 +963,22 @@ body {
   fill: var(--console-output-icon-medium-color);
 }
 
 /* Apply a style similar to collapse-button for the object tree arrows */
 .webconsole-output-wrapper .tree .arrow,
 .webconsole-output-wrapper .object-inspector .tree-node .arrow {
   width: 10px;
   height: 10px;
-  vertical-align: 0px;
-  line-height: 1;
-  background-color: var(--theme-twisty-fill);
+  background: url("chrome://devtools/skin/images/arrow.svg") no-repeat center;
+  background-size: 10px;
+  /* Needed for alignment */
+  margin-top: -1px;
+  -moz-context-properties: fill;
+  fill: var(--theme-twisty-fill);
 }
 
 /* Sidebar */
 .sidebar {
   display: flex;
   grid-row: 1 / -1;
   grid-column: -1 / -2;
   background-color: var(--theme-sidebar-background);