WordPress.org

Make WordPress Core

Changeset 32075


Ignore:
Timestamp:
04/08/2015 04:37:13 PM (5 years ago)
Author:
helen
Message:

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

props afercia.
fixes #31345.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/admin-menu.css

    r32051 r32075  
    360360
    361361div.wp-menu-image:before {
    362     color: #999;
     362    color: #a0a5aa;
     363    color: rgba(240,245,250,0.6);
    363364    padding: 7px 0;
    364365    -webkit-transition: all .1s ease-in-out;
     
    367368
    368369#adminmenu div.wp-menu-image:before {
    369     color: #00b9eb;
     370    color: #a0a5aa;
    370371    color: rgba(240,245,250,0.6);
    371372}
     
    375376#adminmenu .current div.wp-menu-image:before,
    376377#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
    377 #adminmenu a.current:hover div.wp-menu-image:before {
     378#adminmenu a.current:hover div.wp-menu-image:before,
     379#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
     380#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
    378381    color: #fff;
    379382}
    380383
    381 #adminmenu li:hover div.wp-menu-image:before {
     384#adminmenu li:hover div.wp-menu-image:before,
     385#adminmenu li a:focus div.wp-menu-image:before,
     386#adminmenu li.opensub div.wp-menu-image:before {
    382387    color: #00b9eb;
     388}
     389
     390/* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
     391.ie8 #adminmenu li.opensub div.wp-menu-image:before {
     392    color: #a0a5aa;
    383393}
    384394
     
    538548    line-height: 34px;
    539549    margin-top: 10px;
    540     color: #00b9eb;
     550    color: #a0a5aa;
    541551    color: rgba(240,245,250,0.6);
    542552    -webkit-transition: all .1s ease-in-out;
     
    578588    left: -3px;
    579589    top: -3px;
    580     color: #00b9eb;
     590    color: #a0a5aa;
    581591    color: rgba(240,245,250,0.6);
    582592    font: normal 20px/1 'dashicons' !important;
  • trunk/src/wp-admin/css/colors/_admin.scss

    r31952 r32075  
    212212}
    213213
    214 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
     214#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
     215#adminmenu a.current:hover div.wp-menu-image:before,
     216#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
     217#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
     218#adminmenu li:hover div.wp-menu-image:before,
     219#adminmenu li a:focus div.wp-menu-image:before,
     220#adminmenu li.opensub div.wp-menu-image:before,
     221.ie8 #adminmenu li.opensub div.wp-menu-image:before {
    215222    color: $menu-current-icon;
    216223}
Note: See TracChangeset for help on using the changeset viewer.