vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-07-04 17:20:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Administration: Update hover and focus states in admin menu.

Browse Source 
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.



git-svn-id: https://develop.svn.wordpress.org/trunk@49961 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Kelly Choyce-Dwan
2021-01-14 21:58:25 +00:00
parent a78715e224
commit c9a6381244
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -194,6 +194,13 @@
color: #00b9eb;
}
#adminmenu a:hover,
#adminmenu a:focus,
.folded #adminmenu .wp-submenu-head:hover {
box-shadow: inset 4px 0 0 0 currentColor;
transition: box-shadow .1s linear;
}
#adminmenu li.menu-top {
border: none;
min-height: 34px;
@@ -289,6 +296,7 @@
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
border-left: 5px solid transparent;
}
#adminmenu .wp-submenu li.current,
@@ -495,8 +503,11 @@ ul#adminmenu > li.current > a.current:after {
color: #fff;
font-weight: 400;
font-size: 14px;
padding: 8px 4px 8px 11px;
margin: -7px 0px 4px;
padding: 5px 4px 5px 11px;
margin: -7px 0px 4px -5px;
border-width: 3px 0 3px 5px;
border-style: solid;
border-color: transparent;
}
#adminmenu li.current,
@@ -843,6 +854,11 @@ li#wp-admin-bar-menu-toggle {
top: 0;
}
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
border-left: none;
}
/* Remove submenu headers and adjust sub meu*/
#adminmenu .wp-submenu .wp-submenu-head {
display: none;