Bug 1279649 - Rotate inspector-pane-toggle 90 deg for vertical mode. r=ntim, a=lizzard
authorJan Odvarko <odvarko@gmail.com>
Wed, 22 Jun 2016 16:20:50 +0200
changeset 339750 6943002dde42bff66b3354baabbcf88e9a3dad73
parent 339749 0260659187b2869d7ee9193cd5f8588d4f763329
child 339751 fdd969907fe7f521be4a410a7739caca9554790e
push id6249
push userjlund@mozilla.com
push dateMon, 01 Aug 2016 13:59:36 +0000
treeherdermozilla-beta@bad9d4f5bf7e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim, lizzard
bugs1279649
milestone49.0a2
Bug 1279649 - Rotate inspector-pane-toggle 90 deg for vertical mode. r=ntim, a=lizzard
devtools/client/themes/inspector.css
--- a/devtools/client/themes/inspector.css
+++ b/devtools/client/themes/inspector.css
@@ -83,18 +83,20 @@
 #inspector-pane-toggle::before {
   background-image: var(--theme-pane-collapse-image);
 }
 
 #inspector-pane-toggle[pane-collapsed]::before {
   background-image: var(--theme-pane-expand-image);
 }
 
+/* Rotate button icon 90deg if the toolbox container is
+  in vertical mode (sidebar displayed under the main panel) */
 @media (max-width: 700px) {
-  #inspector-pane-toggle > .toolbarbutton-icon {
+  #inspector-pane-toggle::before {
     transform: rotate(90deg);
   }
 }
 
 /* Add element toolbar button */
 
 #inspector-element-add-button::before {
   background-image: url("chrome://devtools/skin/images/add.svg");