--- a/wp/wp-admin/css/list-tables.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-admin/css/list-tables.css Wed Sep 21 18:19:35 2022 +0200
@@ -55,7 +55,7 @@
min-width: 24px;
height: 2em;
border-radius: 5px;
- background-color: #72777c;
+ background-color: #646970;
color: #fff;
font-size: 11px;
line-height: 1.90909090;
@@ -71,7 +71,7 @@
margin-left: 8px;
width: 0;
height: 0;
- border-top: 5px solid #72777c;
+ border-top: 5px solid #646970;
border-right: 5px solid transparent;
}
@@ -79,14 +79,14 @@
.column-response a.post-com-count-approved:focus .comment-count-approved,
.column-comments a.post-com-count-approved:hover .comment-count-approved,
.column-comments a.post-com-count-approved:focus .comment-count-approved {
- background: #0073aa;
+ background: #2271b1;
}
.column-response a.post-com-count-approved:hover:after,
.column-response a.post-com-count-approved:focus:after,
.column-comments a.post-com-count-approved:hover:after,
.column-comments a.post-com-count-approved:focus:after {
- border-top-color: #0073aa;
+ border-top-color: #2271b1;
}
/* @todo: consider to use a single rule for these counters and the admin menu counters. */
@@ -99,7 +99,7 @@
height: 17px;
border: 2px solid #fff;
border-radius: 11px;
- background: #ca4a1f;
+ background: #d63638;
color: #fff;
font-size: 9px;
line-height: 1.88888888;
@@ -116,7 +116,7 @@
.commentlist li {
padding: 1em 1em .2em;
margin: 0;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid #c3c4c7;
}
.commentlist li li {
@@ -131,7 +131,7 @@
#submitted-on,
.submitted-on {
- color: #555d66;
+ color: #50575e;
}
/* reply to comments */
@@ -203,8 +203,8 @@
}
#replyerror {
- border-color: #ddd;
- background-color: #f9f9f9;
+ border-color: #dcdcde;
+ background-color: #f6f7f7;
}
/* @todo: is this used? */
@@ -214,16 +214,16 @@
#the-comment-list tr.undo,
#the-comment-list div.undo {
- background-color: #f5f5f5;
+ background-color: #f6f7f7;
}
#the-comment-list .unapproved th,
#the-comment-list .unapproved td {
- background-color: #fef7f1;
+ background-color: #fcf9e8;
}
#the-comment-list .unapproved th.check-column {
- border-left: 4px solid #d54e21;
+ border-left: 4px solid #d63638;
}
#the-comment-list .unapproved th.check-column input {
@@ -231,11 +231,11 @@
}
#the-comment-list .approve a {
- color: #006505;
+ color: #007017;
}
#the-comment-list .unapprove a {
- color: #d98500;
+ color: #996800;
}
#the-comment-list th,
@@ -257,7 +257,7 @@
.vim-current,
.vim-current th,
.vim-current td {
- background-color: #e4f2fd !important;
+ background-color: #f0f6fc !important;
}
th .comment-grey-bubble {
@@ -268,7 +268,7 @@
th .comment-grey-bubble:before {
content: "\f101";
font: normal 20px/.5 dashicons;
- speak: none;
+ speak: never;
display: inline-block;
padding: 0;
top: 4px;
@@ -278,7 +278,7 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
- color: #444;
+ color: #3c434a;
}
/*------------------------------------------------------------------------------
@@ -315,6 +315,12 @@
width: 74px;
}
+.fixed .column-role,
+.fixed .column-posts {
+ -webkit-hyphens: auto;
+ hyphens: auto;
+}
+
.fixed .column-comment .comment-author {
display: none;
}
@@ -450,19 +456,19 @@
.sorting-indicator:before {
content: "\f142";
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
display: inline-block;
padding: 0;
top: -4px;
left: -8px;
- color: #444;
+ color: #3c434a;
line-height: 0.5;
position: relative;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
- color: #444;
+ color: #3c434a;
}
.column-comments .sorting-indicator:before {
@@ -501,8 +507,8 @@
.wp-list-table .toggle-row: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);
}
.wp-list-table .toggle-row:active {
@@ -516,13 +522,13 @@
border-radius: 50%;
display: block;
padding: 1px 2px 1px 0;
- color: #444; /* same as table headers sort arrows */
+ color: #3c434a; /* same as table headers sort arrows */
content: "\f140";
font: normal 20px/1 dashicons;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- speak: none;
+ speak: never;
}
.wp-list-table .is-expanded .toggle-row:before {
@@ -537,11 +543,11 @@
}
.locked-indicator-icon:before {
- color: #82878c;
+ color: #8c8f94;
content: "\f160";
display: inline-block;
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -706,10 +712,10 @@
}
.view-switch a:before {
- color: #b4b9be;
+ color: #c3c4c7;
display: inline-block;
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -717,11 +723,11 @@
.view-switch a:hover:before,
.view-switch a:focus:before {
- color: #727272;
+ color: #787c82;
}
.view-switch a.current:before {
- color: #0073aa;
+ color: #2271b1;
}
.view-switch .view-list:before {
@@ -791,7 +797,7 @@
}
.row-actions {
- color: #ddd;
+ color: #dcdcde;
font-size: 13px;
padding: 2px 0 0;
position: relative;
@@ -1027,7 +1033,7 @@
ul.cat-checklist {
height: 12em;
- border: solid 1px #ddd;
+ border: solid 1px #dcdcde;
overflow-y: scroll;
padding: 0 5px;
margin: 0;
@@ -1037,7 +1043,7 @@
#bulk-titles {
display: block;
height: 12em;
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
overflow-y: scroll;
padding: 0 5px;
margin: 0 0 5px;
@@ -1164,7 +1170,7 @@
.plugins .active td,
.plugins .active th {
- background-color: #f7fcfe;
+ background-color: #f0f6fc;
}
.plugins .update th,
@@ -1187,7 +1193,7 @@
.plugins tr.active + tr.inactive th,
.plugins tr.active + tr.inactive td {
border-top: 1px solid rgba(0, 0, 0, 0.03);
- box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1;
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
}
.plugins .update td,
@@ -1205,7 +1211,7 @@
.plugins .active th.check-column,
.plugin-update-tr.active td {
- border-left: 4px solid #00a0d2;
+ border-left: 4px solid #72aee6;
}
.wp-list-table.plugins .plugin-title,
@@ -1224,10 +1230,10 @@
.plugins .plugin-title .dashicons:before {
padding: 2px;
- background-color: #eee;
- box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15);
+ background-color: #f0f0f1;
+ box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
font-size: 60px;
- color: #B4B9BE;
+ color: #c3c4c7;
}
#update-themes-table .plugin-title img,
@@ -1283,36 +1289,36 @@
}
.plugins tr.paused th.check-column {
- border-left: 4px solid #d54e21;
+ border-left: 4px solid #d63638;
}
.plugins tr.paused th,
.plugins tr.paused td {
- background-color: #fef7f1;
+ background-color: #f6f7f7;
}
.plugins tr.paused .plugin-title,
.plugins .paused .dashicons-warning {
- color: #dc3232;
+ color: #d63638;
}
.plugins .paused .error-display p,
.plugins .paused .error-display code {
font-size: 90%;
- color: rgba( 0, 0, 0, 0.7 );
+ color: rgba(0, 0, 0, 0.7);
}
.plugins .resume-link {
- color: #dc3232;
+ color: #d63638;
}
.plugin-card .update-now:before {
- color: #f56e28;
+ color: #d63638;
content: "\f463";
display: inline-block;
font: normal 20px/1 dashicons;
margin: 3px 5px 0 -2px;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
@@ -1333,7 +1339,7 @@
}
.plugin-card .updated-message:before {
- color: #79ba49;
+ color: #68de7c;
content: "\f147";
}
@@ -1365,7 +1371,7 @@
width: 48.5%;
width: calc( 50% - 8px );
background-color: #fff;
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
box-sizing: border-box;
}
@@ -1472,8 +1478,8 @@
.plugin-card-bottom {
clear: both;
padding: 12px 20px;
- background-color: #fafafa;
- border-top: 1px solid #ddd;
+ background-color: #f6f7f7;
+ border-top: 1px solid #dcdcde;
overflow: hidden;
}
@@ -1488,7 +1494,7 @@
.plugin-card-update-failed .notice-error {
margin: 0;
padding-left: 16px;
- box-shadow: 0 -1px 0 #ddd;
+ box-shadow: 0 -1px 0 #dcdcde;
}
.plugin-card-update-failed .plugin-card-bottom {
@@ -1522,7 +1528,7 @@
.plugin-card .column-compatibility span:before {
font: normal 20px/.5 dashicons;
- speak: none;
+ speak: never;
display: inline-block;
padding: 0;
top: 4px;
@@ -1532,17 +1538,17 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
- color: #444;
+ color: #3c434a;
}
.plugin-card .column-compatibility .compatibility-incompatible:before {
content: "\f158";
- color: #c62d2d;
+ color: #d63638;
}
.plugin-card .column-compatibility .compatibility-compatible:before {
content: "\f147";
- color: #31843f;
+ color: #007017;
}
.plugin-card .notice {
@@ -1559,7 +1565,7 @@
}
.no-plugin-results {
- color: #666; /* same as no themes and no media */
+ color: #646970; /* same as no themes and no media */
font-size: 18px;
font-style: normal;
margin: 0;
@@ -1570,20 +1576,16 @@
/* ms */
/* Background Color for Site Status */
.wp-list-table .site-deleted,
-.wp-list-table tr.site-deleted {
- background: #ff8573;
+.wp-list-table tr.site-deleted,
+.wp-list-table .site-archived,
+.wp-list-table tr.site-archived {
+ background: #fcf0f1;
}
.wp-list-table .site-spammed,
-.wp-list-table tr.site-spammed {
- background: #faafaa;
-}
-.wp-list-table .site-archived,
-.wp-list-table tr.site-archived {
- background: #ffebe8;
-}
+.wp-list-table tr.site-spammed,
.wp-list-table .site-mature,
.wp-list-table tr.site-mature {
- background: #fecac2;
+ background: #fcf9e8;
}
.sites.fixed .column-lastupdated,
@@ -1696,7 +1698,7 @@
}
.tablenav.bottom .tablenav-pages.one-page {
- margin: 15px 0 0 0;
+ margin-top: 15px;
height: 0;
}
@@ -1853,7 +1855,7 @@
border: none;
border-radius: 0;
background: none;
- color: #bb2a2a;
+ color: #b32d2e;
font-size: inherit;
line-height: inherit;
text-align: left;
@@ -1861,7 +1863,7 @@
.column-response .post-com-count-pending:hover,
.column-comments .post-com-count-pending:hover {
- color: #dc3232;
+ color: #d63638;
}
.widefat thead td.check-column,
@@ -1869,23 +1871,24 @@
padding-top: 10px;
}
+ .row-actions {
+ margin-left: -8px;
+ margin-right: -8px;
+ padding-top: 4px;
+ }
+
/* Make row actions more easy to select on mobile */
body:not(.plugins-php) .row-actions {
- display: -ms-grid;
- display: grid;
- -ms-grid-columns: auto auto auto;
- grid-template-columns: auto auto auto;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
color: transparent;
}
- .row-actions span {
- padding: 4px 0;
- }
-
.row-actions span a,
.row-actions span .button-link {
display: inline-block;
- padding: 4px 0;
+ padding: 4px 8px;
line-height: 1.5;
}
@@ -2066,11 +2069,6 @@
display: table-cell;
}
- .plugins .active.update + .plugin-update-tr:before {
- border-left: 4px solid #d54e21;
- background-color: #fef7f1;
- }
-
.plugins #the-list .plugin-update-tr .plugin-update {
border-left: none;
}
@@ -2079,9 +2077,10 @@
margin-left: 0;
}
- .plugins .active.update + .plugin-update-tr:before {
- background-color: #f7fcfe;
- border-left: 4px solid #00a0d2;
+ .plugins .active.update + .plugin-update-tr:before,
+ .plugins .active.updated + .plugin-update-tr:before {
+ background-color: #f0f6fc;
+ border-left: 4px solid #72aee6;
}
.plugins .plugin-update-tr .update-message {
@@ -2139,6 +2138,11 @@
margin-right: 0;
width: 100%;
}
+
+ table.media .column-title .has-media-icon ~ .row-actions {
+ margin-left: 0;
+ clear: both;
+ }
}
@media screen and (max-width: 480px) {
@@ -2146,10 +2150,16 @@
margin: 0;
}
- /* Drop row actions to two columns on a small screen */
- .row-actions:not(.plugins-php) {
- -ms-grid-columns: auto auto;
- grid-template-columns: auto auto;
+ .tablenav.bottom .displaying-num {
+ position: relative;
+ top: 0;
+ display: block;
+ text-align: right;
+ padding-bottom: 0.5em;
+ }
+
+ .tablenav.bottom .tablenav-pages.one-page {
+ height: auto;
}
.tablenav-pages .tablenav-paging-text {