diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-admin/css/themes-rtl.css --- a/wp/wp-admin/css/themes-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-admin/css/themes-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -20,23 +20,23 @@ clear: both; } -.themes-php:not(.network-admin) .wrap h1 { - margin-bottom: 15px; -} - .themes-php .wrap h1 .button { margin-right: 20px; } /* Search form */ .themes-php .search-form { - display: inline; + display: inline-flex; + align-items: center; + position: relative; + top: 0; + gap: .5rem; + width: 100%; + justify-content: end; } .themes-php .wp-filter-search { position: relative; - top: -2px; - right: 20px; margin: 0; width: 280px; } @@ -177,12 +177,14 @@ } .theme-browser .theme .more-details:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; + box-shadow: 0 0 0 2px #2271b1; } .theme-browser .theme.focus { - border-color: #4f94d4; - box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); + border-color: #2271b1; + box-shadow: 0 0 0 1px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } .theme-browser .theme.focus .more-details { @@ -507,10 +509,12 @@ z-index: 30; box-sizing: border-box; border-top: 1px solid #f0f0f1; + display: flex; + justify-content: center; + gap: 5px; } -.theme-overlay .theme-actions a { - margin-left: 5px; +.theme-overlay .theme-actions .button { margin-bottom: 5px; } @@ -522,26 +526,21 @@ .broken-themes a.delete-theme, .theme-overlay .theme-actions .delete-theme { - color: #d63638; + color: #b32d2e; text-decoration: none; border-color: transparent; box-shadow: none; background: transparent; } -.theme-overlay .theme-actions .delete-theme { - position: absolute; - left: 10px; - bottom: 5px; -} - .broken-themes a.delete-theme:hover, .broken-themes a.delete-theme:focus, .theme-overlay .theme-actions .delete-theme:hover, .theme-overlay .theme-actions .delete-theme:focus { - background: #d63638; + background: #b32d2e; color: #fff; - border-color: #d63638; + border-color: #b32d2e; + box-shadow: 0 0 0 1px #b32d2e; } .theme-overlay .theme-actions .active-theme, @@ -841,7 +840,7 @@ } } -@media only screen and (max-width: 780px) { +@media only screen and (max-width: 782px) { body.folded .theme-overlay .theme-wrap, .theme-overlay .theme-wrap { top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ @@ -957,11 +956,15 @@ clear: both; right: 0; left: 0; - margin: -5px 0 20px; width: 100%; max-width: 280px; } + .theme-install-php .wp-filter p.search-box { + display: grid; + row-gap: .5rem; + } + .theme-browser .theme.add-new-theme span:after { font: normal 60px/90px dashicons; width: 80px; @@ -1031,6 +1034,13 @@ padding-right: 20px; } +/* Override column gap adjustment in media library. */ +@media only screen and (max-width: 1000px) { + .theme-install-php .wp-filter p.search-box { + column-gap: .5rem; + } +} + .theme-install-php a.upload, .theme-install-php a.browse-themes { cursor: pointer; @@ -1590,9 +1600,9 @@ .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow, .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow { - 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-full-overlay .collapse-sidebar-label { @@ -1942,7 +1952,6 @@ * HiDPI Displays */ @media print, - (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .wp-full-overlay .collapse-sidebar-arrow { background-image: url(../images/arrows-2x.png);