Administration: Update design of the Dashboard welcome panel.
This updates the panel to match the 6.0 About page styles, with the 6.0 graphic changing color based on the selected admin color scheme. Props fcoveram, critterverse, joedolson, SergeyBiryukov. Fixes #55532. Built from https://develop.svn.wordpress.org/trunk@53383 git-svn-id: http://core.svn.wordpress.org/trunk@52972 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle
parent
8817bba1bf
commit
e8c02840a7
|
|
@ -783,15 +783,18 @@ div#wp-responsive-toggle a:before {
|
|||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
|
||||
.welcome-panel {
|
||||
background-color: $highlight-color;
|
||||
background-color: mix($dashboard-accent-1, white, 12%);
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: $dashboard-accent-1;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: $dashboard-accent-2;
|
||||
}
|
||||
|
||||
[class*="welcome-panel-icon"] {
|
||||
@if ( $scheme-name == "light" ) {
|
||||
background-color: $icon-color;
|
||||
} @else {
|
||||
background-color: $base-color;
|
||||
}
|
||||
background-color: $dashboard-icon-background;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,4 +63,10 @@ $adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-backg
|
|||
|
||||
$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
|
||||
|
||||
// Dashboard Colors
|
||||
|
||||
$dashboard-accent-1: $highlight-color !default;
|
||||
$dashboard-accent-2: $base-color !default;
|
||||
$dashboard-icon-background: $dashboard-accent-2 !default;
|
||||
|
||||
$low-contrast-theme: "false" !default;
|
||||
|
|
|
|||
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #096484;
|
||||
background-color: #e1ecf0;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #096484;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #52accc;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #52accc;
|
||||
background-color: #096484;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #096484;
|
||||
background-color: #e1ecf0;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #096484;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #52accc;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #52accc;
|
||||
background-color: #096484;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -9,4 +9,6 @@ $menu-submenu-text: #e2ecf1;
|
|||
$menu-submenu-focus-text: #fff;
|
||||
$menu-submenu-background: #4796b3;
|
||||
|
||||
$dashboard-icon-background: $highlight-color;
|
||||
|
||||
@import "../_admin.scss";
|
||||
|
|
|
|||
|
|
@ -673,7 +673,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #c7a589;
|
||||
background-color: #f8f4f1;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #c7a589;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #59524c;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -673,7 +673,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #c7a589;
|
||||
background-color: #f8f4f1;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #c7a589;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #59524c;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,7 +706,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #a3b745;
|
||||
background-color: #f4f6e9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #a3b745;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #523f6d;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,7 +706,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #a3b745;
|
||||
background-color: #f4f6e9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #a3b745;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #523f6d;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,11 +706,19 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #04a4cc;
|
||||
background-color: #e1f4f9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #04a4cc;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #999;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #999;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,11 +706,19 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #04a4cc;
|
||||
background-color: #e1f4f9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #04a4cc;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #999;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #999;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -18,6 +18,9 @@ $menu-submenu-background: #fff;
|
|||
$menu-collapse-text: #777;
|
||||
$menu-collapse-focus-icon: #555;
|
||||
|
||||
$dashboard-accent-2: $icon-color;
|
||||
$dashboard-icon-background: $text-color;
|
||||
|
||||
@import "../_admin.scss";
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
|
|
|
|||
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #e14d43;
|
||||
background-color: #fbeae8;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #e14d43;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #363b3f;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #363b3f;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #e14d43;
|
||||
background-color: #fbeae8;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #e14d43;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #363b3f;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #363b3f;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -3,4 +3,6 @@ $base-color: #363b3f;
|
|||
$highlight-color: #e14d43;
|
||||
$notification-color: #69a8bb;
|
||||
|
||||
$dashboard-icon-background: $highlight-color;
|
||||
|
||||
@import "../_admin.scss";
|
||||
|
|
|
|||
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #3858e9;
|
||||
background-color: #e7ebfc;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #3858e9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #1b8362;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #1e1e1e;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -706,9 +706,17 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #3858e9;
|
||||
background-color: #e7ebfc;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #3858e9;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #1b8362;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #1e1e1e;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -7,4 +7,8 @@ $notification-color: $highlight-color;
|
|||
$link: $highlight-color;
|
||||
$link-focus: darken($highlight-color, 10%);
|
||||
|
||||
$dashboard-accent-1: #3858e9;
|
||||
$dashboard-accent-2: #1b8362;
|
||||
$dashboard-icon-background: #1d2327;
|
||||
|
||||
@import "../_admin.scss";
|
||||
|
|
|
|||
|
|
@ -673,7 +673,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #9ebaa0;
|
||||
background-color: #f3f7f4;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #9ebaa0;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #738e96;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -673,7 +673,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #9ebaa0;
|
||||
background-color: #f3f7f4;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #9ebaa0;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #738e96;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,7 +706,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #dd823b;
|
||||
background-color: #fbf0e7;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #dd823b;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #cf4944;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -706,7 +706,15 @@ div#wp-responsive-toggle a:before {
|
|||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #dd823b;
|
||||
background-color: #fbf0e7;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-six {
|
||||
fill: #dd823b;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image .about-zero {
|
||||
fill: #cf4944;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -121,32 +121,17 @@
|
|||
position: relative;
|
||||
overflow: auto;
|
||||
margin: 16px 0;
|
||||
background: #2271b1 url(../images/about-texture.png) center repeat;
|
||||
background-size: 500px 500px;
|
||||
background-blend-mode: overlay;
|
||||
background-color: #e7ebfd;
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.welcome-panel::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -16px;
|
||||
left: 96px;
|
||||
z-index: 0;
|
||||
width: 300px;
|
||||
height: 382px;
|
||||
background: url(../images/about-header-about.svg) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.welcome-panel h2 {
|
||||
margin: 0;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.welcome-panel h3 {
|
||||
|
|
@ -162,16 +147,32 @@
|
|||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
color: #fff;
|
||||
--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;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image {
|
||||
position: absolute;
|
||||
inset: -1rem var(--about-header-bg-offset-inline) 0 auto;
|
||||
width: var(--about-header-bg-width);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image svg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.welcome-panel-header a {
|
||||
color: #fff;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.welcome-panel-header a:focus,
|
||||
.welcome-panel-header a:hover {
|
||||
color: #f5e6ab;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -196,6 +197,7 @@
|
|||
font-size: 13px;
|
||||
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
|
||||
text-decoration: none;
|
||||
z-index: 1; /* Raise above the version image. */
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-close:before {
|
||||
|
|
@ -205,18 +207,18 @@
|
|||
transition: all .1s ease-in-out;
|
||||
content: '\f335';
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-close {
|
||||
color: #fff;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.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: #f5e6ab;
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
/* @deprecated 5.9.0 -- Button removed from panel. */
|
||||
|
|
@ -241,8 +243,8 @@
|
|||
margin-left: auto;
|
||||
max-width: 1500px;
|
||||
width: 100%;
|
||||
/* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
|
||||
padding: 48px 48px 48px 408px;
|
||||
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 {
|
||||
|
|
@ -251,7 +253,6 @@
|
|||
clear: both;
|
||||
display: grid;
|
||||
z-index: 1;
|
||||
margin-top: 32px;
|
||||
padding: 48px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32px;
|
||||
|
|
@ -1354,15 +1355,13 @@ a.rsswidget {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.welcome-panel::before {
|
||||
width: 240px;
|
||||
height: 305px;
|
||||
left: 32px;
|
||||
.welcome-panel-header {
|
||||
--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
|
||||
--about-header-bg-offset-inline: 1rem;
|
||||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
|
||||
padding: 32px 32px 32px 288px;
|
||||
.welcome-panel-header-image {
|
||||
top: 2rem;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column-container {
|
||||
|
|
@ -1435,12 +1434,12 @@ a.rsswidget {
|
|||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
.welcome-panel::before {
|
||||
display: none;
|
||||
.welcome-panel-header {
|
||||
padding: 32px 32px 64px;
|
||||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
padding: 32px;
|
||||
.welcome-panel-header-image {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -120,32 +120,17 @@
|
|||
position: relative;
|
||||
overflow: auto;
|
||||
margin: 16px 0;
|
||||
background: #2271b1 url(../images/about-texture.png) center repeat;
|
||||
background-size: 500px 500px;
|
||||
background-blend-mode: overlay;
|
||||
background-color: #e7ebfd;
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.welcome-panel::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -16px;
|
||||
right: 96px;
|
||||
z-index: 0;
|
||||
width: 300px;
|
||||
height: 382px;
|
||||
background: url(../images/about-header-about.svg) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.welcome-panel h2 {
|
||||
margin: 0;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.welcome-panel h3 {
|
||||
|
|
@ -161,16 +146,32 @@
|
|||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
color: #fff;
|
||||
--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;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image {
|
||||
position: absolute;
|
||||
inset: -1rem var(--about-header-bg-offset-inline) 0 auto;
|
||||
width: var(--about-header-bg-width);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.welcome-panel-header-image svg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.welcome-panel-header a {
|
||||
color: #fff;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.welcome-panel-header a:focus,
|
||||
.welcome-panel-header a:hover {
|
||||
color: #f5e6ab;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -195,6 +196,7 @@
|
|||
font-size: 13px;
|
||||
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
|
||||
text-decoration: none;
|
||||
z-index: 1; /* Raise above the version image. */
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-close:before {
|
||||
|
|
@ -204,18 +206,18 @@
|
|||
transition: all .1s ease-in-out;
|
||||
content: '\f335';
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-close {
|
||||
color: #fff;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.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: #f5e6ab;
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
/* @deprecated 5.9.0 -- Button removed from panel. */
|
||||
|
|
@ -240,8 +242,8 @@
|
|||
margin-right: auto;
|
||||
max-width: 1500px;
|
||||
width: 100%;
|
||||
/* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
|
||||
padding: 48px 408px 48px 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 {
|
||||
|
|
@ -250,7 +252,6 @@
|
|||
clear: both;
|
||||
display: grid;
|
||||
z-index: 1;
|
||||
margin-top: 32px;
|
||||
padding: 48px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32px;
|
||||
|
|
@ -1353,15 +1354,13 @@ a.rsswidget {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.welcome-panel::before {
|
||||
width: 240px;
|
||||
height: 305px;
|
||||
right: 32px;
|
||||
.welcome-panel-header {
|
||||
--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
|
||||
--about-header-bg-offset-inline: 1rem;
|
||||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
|
||||
padding: 32px 288px 32px 32px;
|
||||
.welcome-panel-header-image {
|
||||
top: 2rem;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column-container {
|
||||
|
|
@ -1434,12 +1433,12 @@ a.rsswidget {
|
|||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
.welcome-panel::before {
|
||||
display: none;
|
||||
.welcome-panel-header {
|
||||
padding: 32px 32px 64px;
|
||||
}
|
||||
|
||||
.welcome-panel-header {
|
||||
padding: 32px;
|
||||
.welcome-panel-header-image {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
<svg width="521" height="504" viewBox="0 0 521 504" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 26.048-15.853 6.398-32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639-18.889-42.529-32.903-11.585-14.014-20.73-30.618-27.438-49.812C3.201 247.385 0 225.906 0 202.447c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755-64.436 14.634-18.584 31.707-33.208 51.218-43.871C118.289 5.332 139.172 0 161.427 0c12.195 0 23.628 1.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835-2.744 15.842-8.232 21.022-5.487 4.874-12.804 7.311-21.95 7.311-6.402 0-11.433-1.37-15.091-4.112-3.658-2.742-6.86-6.094-9.603-10.054-2.439-3.96-4.726-8.226-6.86-12.796-2.134-4.875-4.878-9.292-8.231-13.253-3.049-3.96-7.012-7.312-11.89-10.054-4.878-2.741-11.433-4.113-19.664-4.113-10.061 0-19.359 3.352-27.895 10.054-8.537 6.398-16.006 15.386-22.408 26.963-6.097 11.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146-15.538 13.719-39.758 13.719-72.661 0-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.956-23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
|
||||
<svg width="521" height="504" viewBox="0 0 521 504" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
|
||||
<path class="about-six" d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 26.048-15.853 6.398-32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639-18.889-42.529-32.903-11.585-14.014-20.73-30.618-27.438-49.812C3.201 247.385 0 225.906 0 202.447c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755-64.436 14.634-18.584 31.707-33.208 51.218-43.871C118.289 5.332 139.172 0 161.427 0c12.195 0 23.628 1.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835-2.744 15.842-8.232 21.022-5.487 4.874-12.804 7.311-21.95 7.311-6.402 0-11.433-1.37-15.091-4.112-3.658-2.742-6.86-6.094-9.603-10.054-2.439-3.96-4.726-8.226-6.86-12.796-2.134-4.875-4.878-9.292-8.231-13.253-3.049-3.96-7.012-7.312-11.89-10.054-4.878-2.741-11.433-4.113-19.664-4.113-10.061 0-19.359 3.352-27.895 10.054-8.537 6.398-16.006 15.386-22.408 26.963-6.097 11.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146-15.538 13.719-39.758 13.719-72.661 0-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.956-23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
|
||||
<path d="M156.25 398.381c0-8.068 2.648-14.877 7.943-20.424 5.547-5.799 12.355-8.699 20.424-8.699 8.321 0 15.255 2.9 20.803 8.699 5.547 5.547 8.321 12.356 8.321 20.424 0 7.817-2.774 14.499-8.321 20.047-5.548 5.295-12.482 7.942-20.803 7.942-8.069 0-14.877-2.647-20.424-7.942-5.295-5.548-7.943-12.23-7.943-20.047Z" fill="#2F2F2F" style="mix-blend-mode:multiply"/>
|
||||
<path d="M369.361 142.207c20.947 0 40.528 4.722 58.743 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677-4.099 47.831-12.295 69.462-7.893 21.631-18.67 40.52-32.332 56.667-13.661 15.843-29.75 28.486-48.269 37.931-18.215 9.139-37.796 13.709-58.743 13.709-20.643 0-40.072-4.57-58.287-13.709-17.911-9.445-33.697-22.088-47.358-37.931-13.358-16.147-23.983-35.036-31.876-56.667-7.893-21.631-11.84-44.785-11.84-69.462 0-25.897 3.947-49.965 11.84-72.205 7.893-22.24 18.518-41.586 31.876-58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 334.518c10.929 0 20.644-2.285 29.144-6.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412-7.589-36.712-13.661-48.898-6.071-12.187-13.509-20.869-22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.795 2.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 72.204 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
|
||||
<path class="about-zero" d="M369.361 142.207c20.947 0 40.528 4.722 58.743 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677-4.099 47.831-12.295 69.462-7.893 21.631-18.67 40.52-32.332 56.667-13.661 15.843-29.75 28.486-48.269 37.931-18.215 9.139-37.796 13.709-58.743 13.709-20.643 0-40.072-4.57-58.287-13.709-17.911-9.445-33.697-22.088-47.358-37.931-13.358-16.147-23.983-35.036-31.876-56.667-7.893-21.631-11.84-44.785-11.84-69.462 0-25.897 3.947-49.965 11.84-72.205 7.893-22.24 18.518-41.586 31.876-58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 334.518c10.929 0 20.644-2.285 29.144-6.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412-7.589-36.712-13.661-48.898-6.071-12.187-13.509-20.869-22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.795 2.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 72.204 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.5 KiB |
|
|
@ -1996,6 +1996,9 @@ function wp_welcome_panel() {
|
|||
?>
|
||||
<div class="welcome-panel-content">
|
||||
<div class="welcome-panel-header">
|
||||
<div class="welcome-panel-header-image">
|
||||
<?php echo file_get_contents( dirname( __DIR__ ) . '/images/about-header-about.svg' ); ?>
|
||||
</div>
|
||||
<h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
|
||||
<p>
|
||||
<a href="<?php echo esc_url( admin_url( 'about.php' ) ); ?>">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '6.1-alpha-53382';
|
||||
$wp_version = '6.1-alpha-53383';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|
|
|||
Loading…
Reference in New Issue