Opened 9 years ago
Last modified 9 years ago
#40701 new defect (bug)
Admin menu icon distorted in Chrome when #adminmenu folded
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | normal | Version: | 4.7.4 |
| Component: | Administration | Keywords: | has-patch |
| Focuses: | ui | Cc: |
Description (last modified by )
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;
}
Attachments (3)
Change History (6)
Note: See
TracTickets for help on using
tickets.
Blurry icons