diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-admin/css/dashboard.css --- a/wp/wp-admin/css/dashboard.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-admin/css/dashboard.css Fri Sep 05 18:40:08 2025 +0200 @@ -120,7 +120,7 @@ position: relative; overflow: auto; margin: 16px 0; - background-color: #e7ebfd; + background-color: #151515; font-size: 14px; line-height: 1.3; clear: both; @@ -146,29 +146,35 @@ } .welcome-panel-header { - --about-header-image-width: 521px; - --about-header-bg-width: calc(var(--about-header-image-width) * 0.55); - --about-header-bg-offset-inline: 2rem; - position: relative; + color: #fff; } .welcome-panel-header-image { - position: absolute; - top: -1rem; - right: var(--about-header-bg-offset-inline); + position: absolute !important; + top: 0; + right: 0; bottom: 0; - width: var(--about-header-bg-width); - height: auto; + left: 0; + z-index: 0 !important; + overflow: hidden; } .welcome-panel-header-image svg { + display: block; + margin: auto; width: 100%; - height: auto; + height: 100%; } -.welcome-panel-header a { +.rtl .welcome-panel-header-image svg { + transform: scaleX(-1); +} + +.welcome-panel-header * { color: inherit; + position: relative; + z-index: 1; } .welcome-panel-header a:focus, @@ -208,18 +214,18 @@ transition: all .1s ease-in-out; content: '\f335'; font-size: 24px; - color: #1d2327; + color: #fff; } .welcome-panel .welcome-panel-close { - color: #1d2327; + color: #fff; } .welcome-panel .welcome-panel-close:hover, .welcome-panel .welcome-panel-close:focus, .welcome-panel .welcome-panel-close:hover::before, .welcome-panel .welcome-panel-close:focus::before { - color: #2271b1; + color: #fff972; } /* @deprecated 5.9.0 -- Button removed from panel. */ @@ -245,7 +251,6 @@ max-width: 1500px; width: 100%; padding: 48px 0 80px 48px; - padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2)); } .welcome-panel .welcome-panel-column-container { @@ -264,13 +269,16 @@ [class*="welcome-panel-icon"] { height: 60px; width: 60px; - background-color: #1d2327; background-position: center; background-size: 24px 24px; background-repeat: no-repeat; border-radius: 100%; } +.welcome-panel-column > svg { + margin-top: 4px; +} + .welcome-panel-column { display: grid; grid-template-columns: min-content 1fr; @@ -550,6 +558,10 @@ display: block; } +.community-events .ce-separator::before { + content: "\2022"; +} + .event-icon { height: 18px; padding-right: 10px; @@ -881,31 +893,32 @@ #future-posts ul, #published-posts ul { - clear: both; - margin-bottom: 0; + margin: 8px -12px 0 -12px; } #future-posts li, #published-posts li { - margin-bottom: 8px; + display: grid; + grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto; + column-gap: 10px; + color: #646970; + padding: 4px 12px; } -#future-posts ul span, -#published-posts ul span { - display: inline-block; - margin-right: 5px; - min-width: 150px; - color: #646970; +#future-posts li:nth-child(odd), +#published-posts li:nth-child(odd) { + background-color: #f6f7f7; } .activity-block { border-bottom: 1px solid #f0f0f1; - margin: 0 -12px; + margin: 0 -12px 6px -12px; padding: 8px 12px 4px; } .activity-block:last-child { border-bottom: none; + margin-bottom: 0; } .activity-block .subsubsub li { @@ -1186,7 +1199,8 @@ padding-right: 6px; } -#dashboard_php_nag.php-insecure .dashicons-warning { +#dashboard_php_nag.php-no-security-updates .dashicons-warning, +#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning { color: #d63638; } @@ -1198,12 +1212,13 @@ margin: 12px 0; } -#dashboard_php_nag h3 { - font-weight: 600; +#dashboard_php_nag .button .dashicons-external { + line-height: 25px; } -#dashboard_php_nag .button .dashicons-external { - line-height: 25px; +.bigger-bolder-text { + font-weight: 600; + font-size: 14px; } /* =Media Queries @@ -1350,21 +1365,13 @@ grid-template-columns: 1fr; } - [class*="welcome-panel-icon"] { + [class*="welcome-panel-icon"], + .welcome-panel-column > svg { display: none; } } @media screen and (max-width: 782px) { - .welcome-panel-header { - --about-header-bg-width: calc(var(--about-header-image-width) * 0.4); - --about-header-bg-offset-inline: 1rem; - } - - .welcome-panel-header-image { - top: 2rem; - } - .welcome-panel .welcome-panel-column-container { grid-template-columns: 1fr; box-sizing: border-box; @@ -1455,7 +1462,8 @@ grid-template-columns: 1fr; } - [class*="welcome-panel-icon"] { + [class*="welcome-panel-icon"], + .welcome-panel-column > svg { display: none; } }