WordPress.org

Make WordPress Core

Ticket #28599: 28599-focus-highlighting-dev.diff

File 28599-focus-highlighting-dev.diff, 2.5 KB (added by florianziegler, 6 years ago)

Use with develop.git.wordpress.org

  • src/wp-admin/css/admin-menu.css

    diff --git src/wp-admin/css/admin-menu.css src/wp-admin/css/admin-menu.css
    index dd333f7..5c0728a 100644
     
    175175}
    176176
    177177#adminmenu a:hover,
    178 #adminmenu li.menu-top > a:focus,
    179 #adminmenu .wp-submenu a:hover,
    180 #adminmenu .wp-submenu a:focus {
     178#adminmenu .wp-submenu a:hover {
    181179        color: #2ea2cc;
    182180}
     181#adminmenu li.menu-top > a:focus {
     182    color: white;
     183        background-color: #0074a2;
     184}
     185#adminmenu .wp-submenu a:focus {
     186    color: white;
     187        background-color: #0074a2;
     188}
    183189
    184190#adminmenu li.menu-top {
    185191        border: none;
     
    233239
    234240/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
    235241#adminmenu li.menu-top:hover,
    236 #adminmenu li.opensub > a.menu-top,
    237 #adminmenu li > a.menu-top:focus {
     242#adminmenu li.opensub > a.menu-top {
    238243        position: relative;
    239244        background-color: #111;
    240245}
     246#adminmenu li > a.menu-top:focus {
     247        position: relative;
     248        background-color: #0074a2;
     249        z-index: 10000;
     250}
    241251
    242252.folded #adminmenu li.menu-top:hover,
    243253.folded #adminmenu li.opensub > a.menu-top,
    div.wp-menu-image:before { 
    378388#adminmenu li:hover div.wp-menu-image:before {
    379389        color: #2ea2cc;
    380390}
     391#adminmenu li > a.menu-top:focus div.wp-menu-image:before {
     392        color: white;
     393}
    381394
    382395.folded #adminmenu div.wp-menu-image {
    383396        width: 35px;
    ul#adminmenu > li.current > a.current:after { 
    457470        z-index: 10000;
    458471}
    459472
     473#adminmenu li a.wp-has-submenu.wp-not-current-submenu:focus:after,
     474#adminmenu li.opensub a.wp-has-submenu.wp-not-current-submenu:after {
     475        right: 0;
     476        border: solid transparent;
     477        content: " ";
     478        height: 0;
     479        width: 0;
     480        position: absolute;
     481        pointer-events: none;
     482        border-width: 8px;
     483        top: 10px;
     484        z-index: 10000;
     485    border-right-color: #333;
     486}
     487
    460488.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    461489        border-width: 4px;
    462490        margin-top: -4px;
  • src/wp-admin/css/colors/_admin.scss

    diff --git src/wp-admin/css/colors/_admin.scss src/wp-admin/css/colors/_admin.scss
    index 032e3a0..6eb360c 100644
    strong .post-com-count span { 
    180180#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
    181181        color: $menu-submenu-text;
    182182
    183         &:focus, &:hover {
     183        &:hover {
    184184                color: $menu-submenu-focus-text;
    185185        }
     186        &:focus {
     187        color: white;
     188                background-color: $menu-submenu-focus-text;
     189        }
    186190}
    187191
     192#adminmenu li a.wp-has-submenu.wp-not-current-submenu:focus:after {
     193    border-right-color: $menu-submenu-background;
     194}
    188195
    189196/* Admin Menu: current */
    190197