[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          |   Keywords:
  Focuses:  ui              |
----------------------------+-----------------------------
 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>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform