--- a/wp/wp-admin/css/nav-menus-rtl.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-admin/css/nav-menus-rtl.css Wed Sep 21 18:19:35 2022 +0200
@@ -67,7 +67,7 @@
}
.is-submenu {
- color: #555d66; /* #fafafa background */
+ color: #50575e; /* #fafafa background */
font-style: italic;
font-weight: 400;
margin-right: 4px;
@@ -77,7 +77,7 @@
margin-top: 23px;
padding: 10px;
overflow: hidden;
- background: #fbfbfb;
+ background: #fff;
}
.manage-menus .selected-menu,
@@ -98,8 +98,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-left: 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;
}
@@ -136,7 +235,7 @@
}
.theme-location-set {
- color: #72777c;
+ color: #646970;
font-size: 11px;
}
@@ -164,18 +263,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;
}
@@ -252,7 +351,7 @@
.locations-edit-menu-link {
padding-left: 3px;
- border-left: 1px solid #ccc;
+ border-left: 1px solid #c3c4c7;
}
#menu-management .inside {
@@ -387,8 +486,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 {
@@ -441,24 +539,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 {
@@ -471,7 +569,7 @@
.menu li.deleting .menu-item-handle {
background-image: none;
- background-color: #f66;
+ background-color: #f86368;
}
.menu-item-handle .item-title {
@@ -483,8 +581,17 @@
margin-left: 13em;
}
+.menu-item-handle .menu-item-checkbox {
+ display: none;
+}
+
+.bulk-selection .menu-item-handle .menu-item-checkbox {
+ display: inline-block;
+ margin-left: 6px;
+}
+
.menu-item-handle .menu-item-title.no-title {
- color: #72777c;
+ color: #646970;
}
/* Sortables */
@@ -551,7 +658,7 @@
.item-type {
display: inline-block;
padding: 12px 16px;
- color: #666;
+ color: #646970;
font-size: 12px;
line-height: 1.5;
}
@@ -592,7 +699,7 @@
height: auto;
margin: 12px 0 12px -10px;
padding: 0;
- color: #0073aa;
+ color: #2271b1;
text-decoration: underline;
font-size: 12px;
line-height: 1.5;
@@ -629,8 +736,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 */
@@ -640,11 +747,11 @@
.menu-item-settings {
display: block;
- width: 402px;
- padding: 10px 10px 10px 0;
+ 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);
}
@@ -690,8 +797,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;
}
@@ -711,11 +818,15 @@
}
.description-thin {
- width: 190px;
+ width: calc(50% - 5px);
+}
+
+.menu-item-settings .description-thin + .description-thin {
+ margin-left: 0;
}
.description-wide {
- width: 390px;
+ width: 100%;
}
.menu-item-actions {
@@ -760,22 +871,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) {
@@ -860,6 +967,7 @@
.menu-settings-group {
padding-right: 0;
+ overflow: visible;
}
.menu-settings-group-name {
@@ -882,11 +990,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 {