Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-03-11 22:29:48 +01:00
Code Issues Projects Releases Wiki Activity

Administration: Update the Dashboard welcome banner for 6.1.

Browse Source 
Reviewed by ryelle and davidbaumwald.

Props ryelle, adampickering, mikeschroder, richtabor.
Fixes #56703.
Built from https://develop.svn.wordpress.org/trunk@54638


git-svn-id: http://core.svn.wordpress.org/trunk@54190 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
davidbaumwald 2022-10-18 18:35:13 +00:00
parent 1664e1a05f
commit edd35e9803
45 changed files with 161 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
wp-admin/css/colors/_admin.scss
View File

@ -785,17 +785,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: mix($dashboard-accent-1, white, 12%); background-color: $dashboard-accent-1;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: $dashboard-accent-2;
fill: $dashboard-accent-1; fill: $dashboard-accent-1;
} }
.welcome-panel-header-image .about-zero {
fill: $dashboard-accent-2;
}
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"] {
background-color: $dashboard-icon-background; background-color: $dashboard-icon-background;
} }

2
wp-admin/css/colors/_variables.scss
View File

@ -66,7 +66,7 @@ $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
// Dashboard Colors // Dashboard Colors
$dashboard-accent-1: $highlight-color !default; $dashboard-accent-1: $highlight-color !default;
$dashboard-accent-2: $base-color !default; $dashboard-accent-2: rgba(255, 255, 255, 0.5) !default;
$dashboard-icon-background: $dashboard-accent-2 !default; $dashboard-icon-background: $dashboard-accent-2 !default;
$low-contrast-theme: "false" !default; $low-contrast-theme: "false" !default;

9
wp-admin/css/colors/blue/colors-rtl.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e1ecf0; background-color: #096484;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #096484; fill: #096484;
} }
.welcome-panel-header-image .about-zero {
fill: #52accc;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #096484; background-color: #096484;
} }

2
wp-admin/css/colors/blue/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
wp-admin/css/colors/blue/colors.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e1ecf0; background-color: #096484;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #096484; fill: #096484;
} }
.welcome-panel-header-image .about-zero {
fill: #52accc;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #096484; background-color: #096484;
} }

2
wp-admin/css/colors/blue/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/coffee/colors-rtl.css
View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f8f4f1; background-color: #c7a589;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589; fill: #c7a589;
} }
.welcome-panel-header-image .about-zero {
fill: #59524c;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #59524c; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/coffee/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/coffee/colors.css
View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f8f4f1; background-color: #c7a589;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589; fill: #c7a589;
} }
.welcome-panel-header-image .about-zero {
fill: #59524c;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #59524c; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/coffee/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/ectoplasm/colors-rtl.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f4f6e9; background-color: #523f6d;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #a3b745; stroke: rgba(255, 255, 255, 0.5);
}
.welcome-panel-header-image .about-zero {
fill: #523f6d; fill: #523f6d;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #523f6d; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/ectoplasm/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/ectoplasm/colors.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f4f6e9; background-color: #523f6d;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #a3b745; stroke: rgba(255, 255, 255, 0.5);
}
.welcome-panel-header-image .about-zero {
fill: #523f6d; fill: #523f6d;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #523f6d; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/ectoplasm/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-admin/css/colors/ectoplasm/colors.scss
View File

@ -6,4 +6,6 @@ $notification-color: #d46f15;
$form-checked: $base-color; $form-checked: $base-color;
$dashboard-accent-1: $base-color;
@import "../_admin.scss"; @import "../_admin.scss";

9
wp-admin/css/colors/light/colors-rtl.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e1f4f9; background-color: #04a4cc;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc; fill: #04a4cc;
} }
.welcome-panel-header-image .about-zero {
fill: #999;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #333; background-color: #333;
} }

2
wp-admin/css/colors/light/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
wp-admin/css/colors/light/colors.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e1f4f9; background-color: #04a4cc;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc; fill: #04a4cc;
} }
.welcome-panel-header-image .about-zero {
fill: #999;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #333; background-color: #333;
} }

2
wp-admin/css/colors/light/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
wp-admin/css/colors/light/colors.scss
View File

@ -18,7 +18,6 @@ $menu-submenu-background: #fff;
$menu-collapse-text: #777; $menu-collapse-text: #777;
$menu-collapse-focus-icon: #555; $menu-collapse-focus-icon: #555;
$dashboard-accent-2: $icon-color;
$dashboard-icon-background: $text-color; $dashboard-icon-background: $text-color;
@import "../_admin.scss"; @import "../_admin.scss";

11
wp-admin/css/colors/midnight/colors-rtl.css
View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #fbeae8; background-color: #69a8bb;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #e14d43; stroke: rgba(255, 255, 255, 0.5);
} fill: #69a8bb;
.welcome-panel-header-image .about-zero {
fill: #363b3f;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {

2
wp-admin/css/colors/midnight/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/midnight/colors.css
View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #fbeae8; background-color: #69a8bb;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #e14d43; stroke: rgba(255, 255, 255, 0.5);
} fill: #69a8bb;
.welcome-panel-header-image .about-zero {
fill: #363b3f;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {

2
wp-admin/css/colors/midnight/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
wp-admin/css/colors/midnight/colors.scss
View File

@ -3,6 +3,7 @@ $base-color: #363b3f;
$highlight-color: #e14d43; $highlight-color: #e14d43;
$notification-color: #69a8bb; $notification-color: #69a8bb;
$dashboard-accent-1: $notification-color;
$dashboard-icon-background: $highlight-color; $dashboard-icon-background: $highlight-color;
@import "../_admin.scss"; @import "../_admin.scss";

11
wp-admin/css/colors/modern/colors-rtl.css
View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e7ebfc; background-color: #273fcc;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #3858e9; stroke: #627eff;
} fill: #273fcc;
.welcome-panel-header-image .about-zero {
fill: #1b8362;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {

2
wp-admin/css/colors/modern/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/modern/colors.css
View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #e7ebfc; background-color: #273fcc;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
fill: #3858e9; stroke: #627eff;
} fill: #273fcc;
.welcome-panel-header-image .about-zero {
fill: #1b8362;
} }
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {

2
wp-admin/css/colors/modern/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
wp-admin/css/colors/modern/colors.scss
View File

@ -7,8 +7,8 @@ $notification-color: $highlight-color;
$link: $highlight-color; $link: $highlight-color;
$link-focus: darken($highlight-color, 10%); $link-focus: darken($highlight-color, 10%);
$dashboard-accent-1: #3858e9; $dashboard-accent-1: #273fcc;
$dashboard-accent-2: #1b8362; $dashboard-accent-2: #627eff;
$dashboard-icon-background: #1d2327; $dashboard-icon-background: #1d2327;
@import "../_admin.scss"; @import "../_admin.scss";

11
wp-admin/css/colors/ocean/colors-rtl.css
View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f3f7f4; background-color: #9ebaa0;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0; fill: #9ebaa0;
} }
.welcome-panel-header-image .about-zero {
fill: #738e96;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #738e96; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/ocean/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/ocean/colors.css
View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #f3f7f4; background-color: #9ebaa0;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0; fill: #9ebaa0;
} }
.welcome-panel-header-image .about-zero {
fill: #738e96;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #738e96; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/ocean/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/sunrise/colors-rtl.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #fbf0e7; background-color: #dd823b;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b; fill: #dd823b;
} }
.welcome-panel-header-image .about-zero {
fill: #cf4944;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #cf4944; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/sunrise/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
wp-admin/css/colors/sunrise/colors.css
View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */ /* Welcome Panel */
.welcome-panel { .welcome-panel {
background-color: #fbf0e7; background-color: #dd823b;
} }
.welcome-panel-header-image .about-six { .welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b; fill: #dd823b;
} }
.welcome-panel-header-image .about-zero {
fill: #cf4944;
}
[class*=welcome-panel-icon] { [class*=welcome-panel-icon] {
background-color: #cf4944; background-color: rgba(255, 255, 255, 0.5);
} }

2
wp-admin/css/colors/sunrise/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

55
wp-admin/css/dashboard-rtl.css
View File

@ -121,7 +121,7 @@
position: relative; position: relative;
overflow: auto; overflow: auto;
margin: 16px 0; margin: 16px 0;
background-color: #e7ebfd; background-color: #273fcc;
font-size: 14px; font-size: 14px;
line-height: 1.3; line-height: 1.3;
clear: both; clear: both;
@ -147,29 +147,35 @@
} }
.welcome-panel-header { .welcome-panel-header {
--about-header-image-width: 521px; --about-header-bg-width: 780px;
--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
--about-header-bg-offset-inline: 2rem;
position: relative; position: relative;
color: #fff;
} }
.welcome-panel-header-image { .welcome-panel-header-image {
position: absolute; position: absolute !important;
top: -1rem; top: 0;
left: var(--about-header-bg-offset-inline); left: 0;
bottom: 0; bottom: 0;
width: var(--about-header-bg-width); right: 0;
height: auto; z-index: 0 !important;
overflow: hidden;
} }
.welcome-panel-header-image svg { .welcome-panel-header-image svg {
width: 100%; display: block;
margin: auto;
width: var(--about-header-bg-width);
height: auto; height: auto;
transform: scale(0.75);
transform-origin: center top;
} }
.welcome-panel-header a { .welcome-panel-header * {
color: inherit; color: inherit;
position: relative;
z-index: 1;
} }
.welcome-panel-header a:focus, .welcome-panel-header a:focus,
@ -209,18 +215,18 @@
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
content: '\f335'; content: '\f335';
font-size: 24px; font-size: 24px;
color: #1d2327; color: #fff;
} }
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
color: #1d2327; color: #fff;
} }
.welcome-panel .welcome-panel-close:hover, .welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus, .welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before, .welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before { .welcome-panel .welcome-panel-close:focus::before {
color: #2271b1; color: #fff972;
} }
/* @deprecated 5.9.0 -- Button removed from panel. */ /* @deprecated 5.9.0 -- Button removed from panel. */
@ -246,7 +252,6 @@
max-width: 1500px; max-width: 1500px;
width: 100%; width: 100%;
padding: 48px 48px 80px 0; padding: 48px 48px 80px 0;
padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
} }
.welcome-panel .welcome-panel-column-container { .welcome-panel .welcome-panel-column-container {
@ -265,13 +270,16 @@
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"] {
height: 60px; height: 60px;
width: 60px; width: 60px;
background-color: #1d2327;
background-position: center; background-position: center;
background-size: 24px 24px; background-size: 24px 24px;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 100%; border-radius: 100%;
} }
.welcome-panel-column > svg {
margin-top: 4px;
}
.welcome-panel-column { .welcome-panel-column {
display: grid; display: grid;
grid-template-columns: min-content 1fr; grid-template-columns: min-content 1fr;
@ -1353,21 +1361,13 @@ a.rsswidget {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none; display: none;
} }
} }
@media screen and (max-width: 782px) { @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 { .welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr; grid-template-columns: 1fr;
box-sizing: border-box; box-sizing: border-box;
@ -1458,7 +1458,8 @@ a.rsswidget {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none; display: none;
} }
} }

2
wp-admin/css/dashboard-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

55
wp-admin/css/dashboard.css
View File

@ -120,7 +120,7 @@
position: relative; position: relative;
overflow: auto; overflow: auto;
margin: 16px 0; margin: 16px 0;
background-color: #e7ebfd; background-color: #273fcc;
font-size: 14px; font-size: 14px;
line-height: 1.3; line-height: 1.3;
clear: both; clear: both;
@ -146,29 +146,35 @@
} }
.welcome-panel-header { .welcome-panel-header {
--about-header-image-width: 521px; --about-header-bg-width: 780px;
--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
--about-header-bg-offset-inline: 2rem;
position: relative; position: relative;
color: #fff;
} }
.welcome-panel-header-image { .welcome-panel-header-image {
position: absolute; position: absolute !important;
top: -1rem; top: 0;
right: var(--about-header-bg-offset-inline); right: 0;
bottom: 0; bottom: 0;
width: var(--about-header-bg-width); left: 0;
height: auto; z-index: 0 !important;
overflow: hidden;
} }
.welcome-panel-header-image svg { .welcome-panel-header-image svg {
width: 100%; display: block;
margin: auto;
width: var(--about-header-bg-width);
height: auto; height: auto;
transform: scale(0.75);
transform-origin: center top;
} }
.welcome-panel-header a { .welcome-panel-header * {
color: inherit; color: inherit;
position: relative;
z-index: 1;
} }
.welcome-panel-header a:focus, .welcome-panel-header a:focus,
@ -208,18 +214,18 @@
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
content: '\f335'; content: '\f335';
font-size: 24px; font-size: 24px;
color: #1d2327; color: #fff;
} }
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
color: #1d2327; color: #fff;
} }
.welcome-panel .welcome-panel-close:hover, .welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus, .welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before, .welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before { .welcome-panel .welcome-panel-close:focus::before {
color: #2271b1; color: #fff972;
} }
/* @deprecated 5.9.0 -- Button removed from panel. */ /* @deprecated 5.9.0 -- Button removed from panel. */
@ -245,7 +251,6 @@
max-width: 1500px; max-width: 1500px;
width: 100%; width: 100%;
padding: 48px 0 80px 48px; 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 { .welcome-panel .welcome-panel-column-container {
@ -264,13 +269,16 @@
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"] {
height: 60px; height: 60px;
width: 60px; width: 60px;
background-color: #1d2327;
background-position: center; background-position: center;
background-size: 24px 24px; background-size: 24px 24px;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 100%; border-radius: 100%;
} }
.welcome-panel-column > svg {
margin-top: 4px;
}
.welcome-panel-column { .welcome-panel-column {
display: grid; display: grid;
grid-template-columns: min-content 1fr; grid-template-columns: min-content 1fr;
@ -1352,21 +1360,13 @@ a.rsswidget {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none; display: none;
} }
} }
@media screen and (max-width: 782px) { @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 { .welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr; grid-template-columns: 1fr;
box-sizing: border-box; box-sizing: border-box;
@ -1457,7 +1457,8 @@ a.rsswidget {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
[class*="welcome-panel-icon"] { [class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none; display: none;
} }
} }

2
wp-admin/css/dashboard.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
wp-admin/images/about-header-about.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

15
wp-admin/includes/dashboard.php
View File

@ -2042,7 +2042,10 @@ function wp_welcome_panel() {
</div> </div>
<div class="welcome-panel-column-container"> <div class="welcome-panel-column-container">
<div class="welcome-panel-column"> <div class="welcome-panel-column">
<div class="welcome-panel-icon-pages"></div> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0668 17.0854L28.8221 13.9454L18.2008 24.671L16.8983 29.0827L21.4257 27.8309L32.0668 17.0854ZM16 32.75H24V31.25H16V32.75Z" fill="white"/>
</svg>
<div class="welcome-panel-column-content"> <div class="welcome-panel-column-content">
<h3><?php _e( 'Author rich content with blocks and patterns' ); ?></h3> <h3><?php _e( 'Author rich content with blocks and patterns' ); ?></h3>
<p><?php _e( 'Block patterns are pre-configured block layouts. Use them to get inspired or create new pages in a flash.' ); ?></p> <p><?php _e( 'Block patterns are pre-configured block layouts. Use them to get inspired or create new pages in a flash.' ); ?></p>
@ -2050,7 +2053,10 @@ function wp_welcome_panel() {
</div> </div>
</div> </div>
<div class="welcome-panel-column"> <div class="welcome-panel-column">
<div class="welcome-panel-icon-layout"></div> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 16h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2zm12 1.5H18a.5.5 0 0 0-.5.5v3h13v-3a.5.5 0 0 0-.5-.5zm.5 5H22v8h8a.5.5 0 0 0 .5-.5v-7.5zm-10 0h-3V30a.5.5 0 0 0 .5.5h2.5v-8z" fill="#fff"/>
</svg>
<div class="welcome-panel-column-content"> <div class="welcome-panel-column-content">
<?php if ( $is_block_theme ) : ?> <?php if ( $is_block_theme ) : ?>
<h3><?php _e( 'Customize your entire site with block themes' ); ?></h3> <h3><?php _e( 'Customize your entire site with block themes' ); ?></h3>
@ -2066,7 +2072,10 @@ function wp_welcome_panel() {
</div> </div>
</div> </div>
<div class="welcome-panel-column"> <div class="welcome-panel-column">
<div class="welcome-panel-icon-styles"></div> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31 24a7 7 0 0 1-7 7V17a7 7 0 0 1 7 7zm-7-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16z" fill="#fff"/>
</svg>
<div class="welcome-panel-column-content"> <div class="welcome-panel-column-content">
<?php if ( $is_block_theme ) : ?> <?php if ( $is_block_theme ) : ?>
<h3><?php _e( 'Switch up your site&#8217;s look & feel with Styles' ); ?></h3> <h3><?php _e( 'Switch up your site&#8217;s look & feel with Styles' ); ?></h3>

2
wp-includes/version.php
View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.1-RC1-54637'; $wp_version = '6.1-RC1-54638';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.