diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css index 9084875604..4035c7f7e3 100644 --- a/src/wp-admin/css/nav-menus.css +++ b/src/wp-admin/css/nav-menus.css @@ -618,6 +618,20 @@ body.menu-max-depth-11 { min-width: 1280px !important; } white-space: nowrap; } +.no-js.nav-menus-php .item-edit { + position: static; + float: right; + width: auto; + height: auto; + margin-right: -10px !important; + padding: 12px 0; + color: #0073aa; + text-decoration: underline; + font-size: 12px; + line-height: 18px; + text-indent: 0; +} + .nav-menus-php .item-edit:before { margin-top: 10px; margin-left: 4px; @@ -627,6 +641,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; } text-indent: -1px; /* account for the dashicon alignment */ } +.no-js.nav-menus-php .item-edit:before { + display: none; +} + .rtl .nav-menus-php .item-edit:before { text-indent: 1px; /* account for the dashicon alignment */ } @@ -638,10 +656,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .nav-menus-php .item-edit:focus:before { -webkit-box-shadow: - 0 0 0 1px #5b9dd9, + 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); - box-shadow: - 0 0 0 1px #5b9dd9, + box-shadow: + 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } diff --git a/src/wp-admin/includes/class-walker-nav-menu-edit.php b/src/wp-admin/includes/class-walker-nav-menu-edit.php index 105e613a4f..33131c7f1f 100644 --- a/src/wp-admin/includes/class-walker-nav-menu-edit.php +++ b/src/wp-admin/includes/class-walker-nav-menu-edit.php @@ -126,7 +126,7 @@ class Walker_Nav_Menu_Edit extends Walker_Nav_Menu { ), 'move-menu_item' ); - ?>" class="item-move-up"> + ?>" class="item-move-up" aria-label="">↑ | + ?>" class="item-move-down" aria-label="">↓ - + ?>" aria-label="">