Closed Bug 1252418 Opened 4 years ago Closed 4 years ago
Inspector sidebar collapse icon is blurry in vertical mode on windows 10
Bug 1189492 made the inspector sidebar collapse feature also work when docked to the side. I just tested it in FF47 now (on windows10) and realized that the icon used in vertical mode is sort of blurry. I'll attach both icons to illustrate the difference. This might come from the fact that the icon is css transformed.
Ah, interesting fact, if you apply the rotate(90deg) transform to the image inside the toolbarbutton instead of on the toolbarbutton itself, then the image is crisp!
Flagging as P1 so we find a workaround quickly before this new feature lands.
Priority: -- → P1
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. Review commit: https://reviewboard.mozilla.org/r/37361/diff/#index_header See other reviews: https://reviewboard.mozilla.org/r/37361/
Attachment #8725204 - Flags: review?(pbrosset)
Comment on attachment 8725204 [details] MozReview Request: Bug 1252418 - Apply transform(90) on image to fix blurry icon;r=pbrosset https://reviewboard.mozilla.org/r/37361/#review33921 Works beautifully for me on windows 10. Thanks for the prompt fix!
Attachment #8725204 - Flags: review?(pbrosset) → review+
Assignee: nobody → jdescottes
Status: NEW → ASSIGNED
You need to log in before you can comment on or make changes to this bug.