sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Admin menu: fix colors for focus state and in IE8. 

props afercia.
fixes #31345.


git-svn-id: https://develop.svn.wordpress.org/trunk@32075 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2015-04-08 16:37:13 +00:00
parent 34ebf98f36
commit aa24b6d94f
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/wp-admin/css/admin-menu.css
View File

@ -359,14 +359,15 @@
}
div.wp-menu-image:before {
color: #999;
color: #a0a5aa;
color: rgba(240,245,250,0.6);
padding: 7px 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#adminmenu div.wp-menu-image:before {
color: #00b9eb;
color: #a0a5aa;
color: rgba(240,245,250,0.6);
}
@ -374,14 +375,23 @@ div.wp-menu-image:before {
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
#adminmenu .current div.wp-menu-image:before,
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before {
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
color: #fff;
}
#adminmenu li:hover div.wp-menu-image:before {
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
color: #00b9eb;
}
/* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
.ie8 #adminmenu li.opensub div.wp-menu-image:before {
color: #a0a5aa;
}
.folded #adminmenu div.wp-menu-image {
width: 35px;
height: 30px;
@ -537,7 +547,7 @@ ul#adminmenu > li.current > a.current:after {
font-size: 13px;
line-height: 34px;
margin-top: 10px;
color: #00b9eb;
color: #a0a5aa;
color: rgba(240,245,250,0.6);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
@ -577,7 +587,7 @@ ul#adminmenu > li.current > a.current:after {
line-height: 15px;
left: -3px;
top: -3px;
color: #00b9eb;
color: #a0a5aa;
color: rgba(240,245,250,0.6);
font: normal 20px/1 'dashicons' !important;
speak: none;

9
src/wp-admin/css/colors/_admin.scss
View File

@ -211,7 +211,14 @@ ul#adminmenu > li.current > a.current:after {
background: $menu-current-background;
}
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
.ie8 #adminmenu li.opensub div.wp-menu-image:before {
color: $menu-current-icon;
}