WordPress.org

Make WordPress Core

Changeset 49961


Ignore:
Timestamp:
01/14/2021 09:58:25 PM (11 months ago)
Author:
ryelle
Message:

Administration: Update hover and focus states in admin menu.

This adds a border along the side of admin menu links when hovering or focusing on them, as color should not be the only indicator of link state.

Props accessiblejoe florianziegler afercia rianrietveld michael-arestad ryan hedgefield audrasjb ibdz.
Fixes #28599.

File:
1 edited

Legend:

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

    r49309 r49961  
    195195}
    196196
     197#adminmenu a:hover,
     198#adminmenu a:focus,
     199.folded #adminmenu .wp-submenu-head:hover {
     200    box-shadow: inset 4px 0 0 0 currentColor;
     201    transition: box-shadow .1s linear;
     202}
     203
    197204#adminmenu li.menu-top {
    198205    border: none;
     
    290297    min-width: 160px;
    291298    width: auto;
     299    border-left: 5px solid transparent;
    292300}
    293301
     
    496504    font-weight: 400;
    497505    font-size: 14px;
    498     padding: 8px 4px 8px 11px;
    499     margin: -7px 0px 4px;
     506    padding: 5px 4px 5px 11px;
     507    margin: -7px 0px 4px -5px;
     508    border-width: 3px 0 3px 5px;
     509    border-style: solid;
     510    border-color: transparent;
    500511}
    501512
     
    844855    }
    845856
     857    #adminmenu .wp-not-current-submenu .wp-submenu,
     858    .folded #adminmenu .wp-has-current-submenu .wp-submenu {
     859        border-left: none;
     860    }
     861
    846862    /* Remove submenu headers and adjust sub meu*/
    847863    #adminmenu .wp-submenu .wp-submenu-head {
Note: See TracChangeset for help on using the changeset viewer.