Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-01-09 18:08:09 +01:00
Code Issues 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.


Built from https://develop.svn.wordpress.org/trunk@49961


git-svn-id: http://core.svn.wordpress.org/trunk@49660 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle 2021-01-14 22:00:11 +00:00
parent 2a5dfab642
commit 476d0a1450
5 changed files with 39 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -195,6 +195,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;
@ -290,6 +297,7 @@
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
border-right: 5px solid transparent;
}
#adminmenu .wp-submenu li.current,
@ -496,8 +504,11 @@ ul#adminmenu > li.current > a.current:after {
color: #fff;
font-weight: 400;
font-size: 14px;
padding: 8px 11px 8px 4px;
margin: -7px 0px 4px;
padding: 5px 11px 5px 4px;
margin: -7px -5px 4px 0px;
border-width: 3px 5px 3px 0;
border-style: solid;
border-color: transparent;
}
#adminmenu li.current,
@ -844,6 +855,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-right: none;
}
/* Remove submenu headers and adjust sub meu*/
#adminmenu .wp-submenu .wp-submenu-head {
display: none;

2
wp-admin/css/admin-menu-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

20
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;

2
wp-admin/css/admin-menu.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.7-alpha-49960';
$wp_version = '5.7-alpha-49961';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.