diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-admin/css/list-tables.css --- a/wp/wp-admin/css/list-tables.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-admin/css/list-tables.css Fri Sep 05 18:40:08 2025 +0200 @@ -261,8 +261,10 @@ } th .comment-grey-bubble { - height: 16px; width: 16px; + /* Make sure the link clickable area fills the entire table header. */ + position: relative; + top: 2px; } th .comment-grey-bubble:before { @@ -343,7 +345,6 @@ .fixed .column-comments { width: 5.5em; - padding: 8px 0; text-align: left; } @@ -461,50 +462,64 @@ width: 160px; } +.sorting-indicators { + display: grid; +} + .sorting-indicator { display: block; - visibility: hidden; width: 10px; height: 4px; - margin-top: 8px; + margin-top: 4px; margin-left: 7px; } .sorting-indicator:before { - content: "\f142"; font: normal 20px/1 dashicons; speak: never; display: inline-block; padding: 0; top: -4px; left: -8px; - 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: #3c434a; + color: #a7aaad; } -.column-comments .sorting-indicator:before { - top: 0; - left: -10px; -} - -th.sorted.asc .sorting-indicator:before, -th.desc:hover span.sorting-indicator:before, -th.desc a:focus span.sorting-indicator:before { +.sorting-indicator.asc:before { content: "\f142"; } -th.sorted.desc .sorting-indicator:before, -th.asc:hover span.sorting-indicator:before, -th.asc a:focus span.sorting-indicator:before { +.sorting-indicator.desc:before { content: "\f140"; } +th.sorted.desc .sorting-indicator.desc:before { + color: #1d2327; +} + +th.sorted.asc .sorting-indicator.asc:before { + color: #1d2327; +} + +th.sorted.asc a:focus .sorting-indicator.asc:before, +th.sorted.asc:hover .sorting-indicator.asc:before, +th.sorted.desc a:focus .sorting-indicator.desc:before, +th.sorted.desc:hover .sorting-indicator.desc:before { + color: #a7aaad; +} + +th.sorted.asc a:focus .sorting-indicator.desc:before, +th.sorted.asc:hover .sorting-indicator.desc:before, +th.sorted.desc a:focus .sorting-indicator.asc:before, +th.sorted.desc:hover .sorting-indicator.asc:before { + color: #1d2327; +} + .wp-list-table .toggle-row { position: absolute; right: 8px; @@ -523,9 +538,9 @@ } .wp-list-table .toggle-row:focus:before { - box-shadow: - 0 0 0 1px #4f94d4, - 0 0 2px 1px rgba(79, 148, 212, 0.8); + box-shadow: 0 0 0 2px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } .wp-list-table .toggle-row:active { @@ -552,6 +567,34 @@ content: "\f142"; } +.check-column { + position: relative; +} + +.check-column label { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + position: absolute; + top: 0; + left: 0; +} + +.check-column input { + position: relative; + z-index: 1; +} + +.check-column .label-covers-full-cell:hover + input:not(:disabled) { + box-shadow: 0 0 0 1px #2271b1; +} + +.check-column label:hover, +.check-column input:hover + label { + background: rgba(0, 0, 0, 0.05); +} + .locked-indicator { display: none; margin-left: 6px; @@ -591,10 +634,6 @@ display: none; } -.fixed .column-comments .sorting-indicator { - margin-top: 3px; -} - #menu-locations-wrap .widefat { width: 60%; } @@ -611,9 +650,11 @@ padding: 8px; } -.fixed .column-comments.sortable a, -.fixed .column-comments.sorted a { - padding: 8px 0; +th.sortable a:focus, +th.sorted a:focus { + box-shadow: inset 0 0 0 2px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } th.sortable a span, @@ -622,14 +663,6 @@ cursor: pointer; } -th.sorted .sorting-indicator, -th.desc:hover span.sorting-indicator, -th.desc a:focus span.sorting-indicator, -th.asc:hover span.sorting-indicator, -th.asc a:focus span.sorting-indicator { - visibility: visible; -} - .tablenav-pages .current-page { margin: 0 2px 0 0; font-size: 13px; @@ -871,7 +904,7 @@ tr.inline-edit-row td { padding: 0; - /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */ + /* Prevents the focus style on .inline-edit-wrapper from being cut-off */ position: relative; } @@ -1116,6 +1149,17 @@ overflow-y: scroll; } +ul.cat-checklist input[name="post_category[]"]:indeterminate::before { + content: ''; + border-top: 2px solid grey; + width: 65%; + height: 2px; + position: absolute; + top: calc( 50% + 1px ); + left: 50%; + transform: translate( -50%, -50% ); +} + #bulk-titles .ntdelbutton, #bulk-titles .ntdeltitle, .inline-edit-row fieldset ul.cat-checklist label { @@ -1344,7 +1388,7 @@ } .plugins tr.paused th.check-column { - border-left: 4px solid #d63638; + border-left: 4px solid #b32d2e; } .plugins tr.paused th, @@ -1354,7 +1398,7 @@ .plugins tr.paused .plugin-title, .plugins .paused .dashicons-warning { - color: #d63638; + color: #b32d2e; } .plugins .paused .error-display p, @@ -1364,7 +1408,7 @@ } .plugins .resume-link { - color: #d63638; + color: #b32d2e; } .plugin-card .update-now:before { @@ -1372,11 +1416,11 @@ content: "\f463"; display: inline-block; font: normal 20px/1 dashicons; - margin: 3px 5px 0 -2px; + margin: -3px 5px 0 -2px; speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - vertical-align: top; + vertical-align: middle; } .plugin-card .updating-message:before { @@ -1398,6 +1442,17 @@ content: "\f147"; } +.plugin-install-php #the-list { + display: flex; + flex-wrap: wrap; +} + +.plugin-install-php .plugin-card { + display: flex; + flex-direction: column; + justify-content: space-between; +} + .plugin-install-php h2 { clear: both; } @@ -1506,10 +1561,84 @@ line-height: 1.3; } -.plugin-card .name, .plugin-card .desc { - margin-left: 148px; /* icon + margin */ - margin-right: 128px; /* action links + margin */ + margin-inline: 0; +} + +.plugin-card .name, .plugin-card .desc > p { + margin-left: 148px; +} + +@media (min-width: 1101px) { + .plugin-card .name, .plugin-card .desc > p { + margin-right: 128px; + } +} + +@media (min-width: 481px) and (max-width: 781px) { + .plugin-card .name, .plugin-card .desc > p { + margin-right: 128px; + } +} + +.plugin-card .column-description { + display: flex; + flex-direction: column; + justify-content: flex-start; +} + +.plugin-card .column-description > p { + margin-top: 0; +} + +.plugin-card .column-description p:empty { + display: none; +} + +.plugin-card .notice.plugin-dependencies { + margin: auto 20px 20px; + padding: 15px; +} + +.plugin-card .plugin-dependencies-explainer-text { + margin-block: 0; +} + +.plugin-card .plugin-dependency { + align-items: center; + display: flex; + flex-wrap: wrap; + margin-top: .5em; + column-gap: 1%; + row-gap: .5em; +} + +.plugin-card .plugin-dependency:nth-child(2), +.plugin-card .plugin-dependency:last-child { + margin-top: 1em; +} + +.plugin-card .plugin-dependency-name { + flex-basis: 74%; +} + +.plugin-card .plugin-dependency .more-details-link { + margin-left: auto; +} + +.rtl .plugin-card .plugin-dependency .more-details-link { + margin-right: auto; +} + +@media (max-width: 939px) { + .plugin-card .plugin-dependency-name { + flex-basis: 69%; + } +} + +.plugins #the-list .required-by, +.plugins #the-list .requires { + margin-top: 1em; } .plugin-card .action-links { @@ -1625,6 +1754,7 @@ font-style: normal; margin: 0; padding: 100px 0 0; + width: 100%; text-align: center; } @@ -1752,6 +1882,15 @@ display: none; } + .tablenav.bottom .actions select { + margin-bottom: 5px; + } + + .tablenav.bottom .actions.alignleft + .actions.alignleft { + clear: left; + margin-top: 10px; + } + .tablenav.bottom .tablenav-pages.one-page { margin-top: 15px; height: 0; @@ -1864,7 +2003,6 @@ /* Show comment bubble as text instead */ .post-com-count .screen-reader-text { position: static; - -webkit-clip-path: none; clip-path: none; width: auto; height: auto; @@ -2091,6 +2229,11 @@ padding: 10px 9px; /* reset from other list tables that have a label at this width */ } + #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td, + #wpbody-content .wp-list-table.plugins .no-items td { + display: table-cell; + } + /* Plugin description hidden via Screen Options */ #wpbody-content .wp-list-table.plugins .desc.hidden { display: none;