--- 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 {