[wp-trac] [WordPress Trac] #40701: Admin menu icon distorted in Chrome when #adminmenu folded

[WordPress Trac]

#40701: Admin menu icon distorted in Chrome when #adminmenu folded
----------------------------+------------------------------
 Reporter:  nextendweb      |       Owner:
     Type:  defect (bug)    |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  4.7.4
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui
----------------------------+------------------------------
Description changed by SergeyBiryukov:

Old description:

> By default - when the admin menu is not folded - the icons in the admin
> menu are 36px wide.
>
> #adminmenu div.wp-menu-image {
>     float: left;
>     width: 36px;
>     height: 34px;
>     margin: 0;
>     text-align: center;
> }
>
> With this width, Chrome renders the icons sharp.
>
> When the admin menu is folded it changes the width to 35px:
> .folded #adminmenu div.wp-menu-image {
>     width: 35px;
>     height: 30px;
>     position: absolute;
>     z-index: 25;
> }
>
> The icons are blurry as the lines in the icon shifted 0.5px horizontally
> -> antialising.
>
> Possible solution:
> Do not force .wp-menu-image to 35px when the menu folded.
>
> .folded #adminmenu div.wp-menu-image {
>     height: 30px;
>     position: absolute;
>     z-index: 25;
> }

New description:

 By default - when the admin menu is not folded - the icons in the admin
 menu are 36px wide.
 {{{
 #adminmenu div.wp-menu-image {
     float: left;
     width: 36px;
     height: 34px;
     margin: 0;
     text-align: center;
 }
 }}}
 With this width, Chrome renders the icons sharp.

 When the admin menu is folded it changes the width to 35px:
 {{{
 .folded #adminmenu div.wp-menu-image {
     width: 35px;
     height: 30px;
     position: absolute;
     z-index: 25;
 }
 }}}
 The icons are blurry as the lines in the icon shifted 0.5px horizontally
 -> antialising.

 Possible solution:
 Do not force .wp-menu-image to 35px when the menu folded.
 {{{
 .folded #adminmenu div.wp-menu-image {
     height: 30px;
     position: absolute;
     z-index: 25;
 }
 }}}

--

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40701#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform