Bug 1252418 - Apply transform(90) on image to fix blurry icon;r=pbrosset
Apparently applying rotate(90) on #inspector-pane-toggle makes the icon blurry
on some platforms (at least windows 10).
Applying the same rotate directly on the image seems to fix the issue.
MozReview-Commit-ID: 2IqfPQD8tLK
--- a/devtools/client/themes/inspector.css
+++ b/devtools/client/themes/inspector.css
@@ -44,18 +44,17 @@
list-style-image: url(chrome://devtools/skin/images/pane-collapse.svg);
}
#inspector-pane-toggle[pane-collapsed] {
list-style-image: url(chrome://devtools/skin/images/pane-expand.svg);
}
@media (max-width: 700px) {
- #inspector-pane-toggle,
- #inspector-pane-toggle[pane-collapsed] {
+ #inspector-pane-toggle > .toolbarbutton-icon {
transform: rotate(90deg);
}
}
/* Tooltip: Events */
#devtools-tooltip-events-container {
margin: -4px; /* Compensate for the .panel-arrowcontent padding. */