diff -r 34716fd837a4 -r be944660c56a wp/wp-admin/css/nav-menus.css --- a/wp/wp-admin/css/nav-menus.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-admin/css/nav-menus.css Wed Sep 21 18:19:35 2022 +0200 @@ -66,7 +66,7 @@ } .is-submenu { - color: #555d66; /* #fafafa background */ + color: #50575e; /* #fafafa background */ font-style: italic; font-weight: 400; margin-left: 4px; @@ -76,7 +76,7 @@ margin-top: 23px; padding: 10px; overflow: hidden; - background: #fbfbfb; + background: #fff; } .manage-menus .selected-menu, @@ -97,8 +97,107 @@ margin: 1em 0 10px; } +#nav-menu-bulk-actions-top { + margin: 1em 0; +} + +#nav-menu-bulk-actions-bottom { + margin: 1em 0; + margin: calc( 1em + 9px ) 0 ; +} + +.bulk-actions input.button { + margin-right: 12px; +} + +.bulk-select-button { + position: relative; + display: inline-block; + padding: 0 10px; + font-size: 13px; + line-height: 2.15384615; + height: auto; + min-height: 30px; + background: #f6f7f7; + vertical-align: top; + border: 1px solid #dcdcde; + margin: 0; + cursor: pointer; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; +} + +.bulk-selection .bulk-select-button { + color: #2271b1; + border-color: #2271b1; + background: #f6f7f7; + vertical-align: top; +} + +#pending-menu-items-to-delete { + display: none; +} + +.bulk-selection #pending-menu-items-to-delete { + display: block; + margin-top: 1em; +} + +#pending-menu-items-to-delete p { + margin-bottom: 0; +} + +#pending-menu-items-to-delete ul { + margin-top: 0; + list-style: none; +} + +#pending-menu-items-to-delete ul li { + display: inline; +} + +input.bulk-select-switcher + .bulk-select-button-label { + vertical-align: inherit; +} + +label.bulk-select-button:hover, +label.bulk-select-button:active, +label.bulk-select-button:focus-within { + background: #f0f0f1; + border-color: #0a4b78; + color: #0a4b78; +} + +input.bulk-select-switcher:focus + .bulk-select-button-label{ + color: #0a4b78; +} + +.bulk-actions input.menu-items-delete { + -webkit-appearance: none; + appearance: none; + font-size: inherit; + border: 0; + line-height: 2.1em; + background: none; + cursor: pointer; + text-decoration: underline; + color: #b32d2e; +} + +.bulk-actions input.menu-items-delete:hover { + color: #b32d2e; + border: none; +} + +.bulk-actions input.menu-items-delete.disabled { + cursor: default; + color: #a7aaad; + box-shadow: none; +} + .menu-settings { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; margin-top: 2em; } @@ -135,7 +234,7 @@ } .theme-location-set { - color: #72777c; + color: #646970; font-size: 11px; } @@ -163,18 +262,18 @@ .nav-menus-php #post-body { padding: 0 10px; border-top: 1px solid #fff; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; background: #fff; } #nav-menu-header, #nav-menu-footer { padding: 0 10px; - background: #f5f5f5; + background: #f6f7f7; } #nav-menu-header { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin-bottom: 0; } @@ -251,7 +350,7 @@ .locations-edit-menu-link { padding-right: 3px; - border-right: 1px solid #ccc; + border-right: 1px solid #c3c4c7; } #menu-management .inside { @@ -386,8 +485,7 @@ /* Listings */ .nav-menus-php .list li { display: none; - margin: 0; - margin-bottom: 5px; + margin: 0 0 5px; } .nav-menus-php .list li .menu-item-title { @@ -440,24 +538,24 @@ } .menu-item-bar .menu-item-handle { - border: 1px solid #ddd; + border: 1px solid #dcdcde; position: relative; padding: 10px 15px; height: auto; min-height: 20px; - width: 382px; + max-width: 382px; line-height: 2.30769230; overflow: hidden; word-wrap: break-word; } .menu-item-bar .menu-item-handle:hover { - border-color: #999; + border-color: #8c8f94; } #menu-to-edit .menu-item-invalid .menu-item-handle { - background: #f6c9cc; - border-color: #f1acb1; + background: #fcf0f1; + border-color: #d63638; } .no-js .menu-item-edit-active .item-edit { @@ -470,7 +568,7 @@ .menu li.deleting .menu-item-handle { background-image: none; - background-color: #f66; + background-color: #f86368; } .menu-item-handle .item-title { @@ -482,8 +580,17 @@ margin-right: 13em; } +.menu-item-handle .menu-item-checkbox { + display: none; +} + +.bulk-selection .menu-item-handle .menu-item-checkbox { + display: inline-block; + margin-right: 6px; +} + .menu-item-handle .menu-item-title.no-title { - color: #72777c; + color: #646970; } /* Sortables */ @@ -550,7 +657,7 @@ .item-type { display: inline-block; padding: 12px 16px; - color: #666; + color: #646970; font-size: 12px; line-height: 1.5; } @@ -591,7 +698,7 @@ height: auto; margin: 12px -10px 12px 0; padding: 0; - color: #0073aa; + color: #2271b1; text-decoration: underline; font-size: 12px; line-height: 1.5; @@ -628,8 +735,8 @@ .nav-menus-php .item-edit:focus:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } /* Menu editing */ @@ -639,11 +746,11 @@ .menu-item-settings { display: block; - width: 402px; - padding: 10px 0 10px 10px; + max-width: 392px; + padding: 10px; position: relative; z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @@ -689,8 +796,8 @@ display: block; margin: 0 0 15px; padding: 3px 5px 5px; - border: 1px solid #ddd; - color: #72777c; + border: 1px solid #dcdcde; + color: #646970; font-size: 12px; } @@ -710,11 +817,15 @@ } .description-thin { - width: 190px; + width: calc(50% - 5px); +} + +.menu-item-settings .description-thin + .description-thin { + margin-right: 0; } .description-wide { - width: 390px; + width: 100%; } .menu-item-actions { @@ -759,22 +870,18 @@ /* =Media Queries -------------------------------------------------------------- */ -@media only screen and (min-width: 769px) and (max-width: 1000px){ +@media only screen and (min-width: 769px) and (max-width: 1000px) { body.menu-max-depth-0 { min-width: 0 !important; } - #menu-management-liquid{ + #menu-management-liquid { width: 100%; } - .nav-menus-php #post-body-content{ + .nav-menus-php #post-body-content { min-width: 0; } - - .menu-item-bar .menu-item-handle{ - width: 90%; - } } @media screen and (max-width: 782px) { @@ -859,6 +966,7 @@ .menu-settings-group { padding-left: 0; + overflow: visible; } .menu-settings-group-name { @@ -881,11 +989,31 @@ margin: 0.5em 0; } + .wp-core-ui .manage-menus .button { + margin-bottom: 0; + } + .widefat .menu-locations .menu-location-title { padding-top: 16px; } } +@media only screen and (min-width: 783px) { + @supports (position: sticky) and (scroll-margin-bottom: 130px) { + + #nav-menu-footer { + position: sticky; + bottom: 0; + z-index: 10; + box-shadow: 0 -1px 0 0px #ddd; + } + + #save_menu_header { + display: none; + } + } +} + @media only screen and (max-width: 768px) { /* menu locations */ #menu-locations-wrap .widefat {