<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[52442] trunk/src/wp-admin: Administration: Refresh the Dashboard Welcome panel.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/52442">52442</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/52442","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2022-01-04 19:11:24 +0000 (Tue, 04 Jan 2022)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Administration: Refresh the Dashboard Welcome panel.
With its last major update in 3.5, the welcome panel was feeling stale. This bright new design showcases links to recent features, including patterns, the site editor, and styles, depending on whether you have a block theme active.
Props jameskoster, desrosj, noisysocks, critterverse, karmatosed, hellofromtonya, smit08, melchoyce, poena, audrasjb, webcommsat, marybaum.
See <a href="https://core.trac.wordpress.org/ticket/54489">#54489</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincsscommoncss">trunk/src/wp-admin/css/common.css</a></li>
<li><a href="#trunksrcwpadmincssdashboardcss">trunk/src/wp-admin/css/dashboard.css</a></li>
<li><a href="#trunksrcwpadminincludesdashboardphp">trunk/src/wp-admin/includes/dashboard.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadmincsscommoncss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/common.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/common.css 2022-01-04 18:52:43 UTC (rev 52441)
+++ trunk/src/wp-admin/css/common.css 2022-01-04 19:11:24 UTC (rev 52442)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -823,8 +823,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel .welcome-panel-close:hover:before,
-.welcome-panel .welcome-panel-close:focus:before,
</del><span class="cx" style="display: block; padding: 0 10px"> .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
</span><span class="cx" style="display: block; padding: 0 10px"> #bulk-titles div a:hover:before,
</span></span></pre></div>
<a id="trunksrcwpadmincssdashboardcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/dashboard.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/dashboard.css 2022-01-04 18:52:43 UTC (rev 52441)
+++ trunk/src/wp-admin/css/dashboard.css 2022-01-04 19:11:24 UTC (rev 52442)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -115,48 +115,62 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 16px 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 23px 10px 0;
- border: 1px solid #c3c4c7;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
- background: #fff;
- font-size: 13px;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #3858e9 url(../images/about-texture.png) center repeat;
+ background-size: 500px 500px;
+ background-blend-mode: overlay;
+ color: #fff;
+ font-size: 14px;
+ line-height: 1.3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.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;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 21px;
- font-weight: 400;
- line-height: 1.2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 48px;
+ font-weight: 600;
+ line-height: 1.25;
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1.33em 0 0;
- font-size: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
+ font-size: 20px;
+ font-weight: 400;
+ line-height: 1.4;
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel li {
- font-size: 14px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel a {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #646970;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: inherit;
+ line-height: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel li a {
- text-decoration: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel-header p {
+ margin: 0.5em 0 0;
+ font-size: 20px;
+ line-height: 1.4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel .about-description {
- font-size: 16px;
- margin: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-close {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px 15px 10px 21px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 10px 15px 10px 24px;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -167,8 +181,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all .1s ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: '\f335';
+ font-size: 24px;
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.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;
+}
+
+/* @deprecated 5.9.0 -- Button removed from panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .welcome-panel .button.button-hero {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 15px 13px 3px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 12px 36px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -178,42 +203,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 400px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.welcome-panel-header {
+ box-sizing: border-box;
+ margin-left: auto;
+ margin-right: auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 1500px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ /* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
+ padding: 48px 408px 48px 48px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-column-container {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-sizing: border-box;
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: grid;
+ z-index: 1;
+ margin-top: 32px;
+ padding: 48px;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 32px;
+ align-self: flex-end;
+ background: #3858e9;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel .welcome-panel-column {
- width: 32%;
- min-width: 200px;
- float: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*="welcome-panel-icon"] {
+ height: 60px;
+ width: 60px;
+ background-color: #1d35b4;
+ background-position: center;
+ background-size: 24px 24px;
+ background-repeat: no-repeat;
+ border-radius: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel .welcome-panel-column:first-child {
- width: 36%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel-column {
+ display: grid;
+ grid-template-columns: min-content 1fr;
+ gap: 24px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel-column p.hide-if-no-customize {
- margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel-icon-pages {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.welcome-panel-column p {
- margin-top: 7px;
- color: #3c434a;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel-icon-layout {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.welcome-panel-icon-styles {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
+}
+
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-widgets-menus {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.14285714;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-column ul {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.8em 1em 1em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li {
+ font-size: 14px;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li a {
+ text-decoration: none;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-column li {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.14285714;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -220,6 +288,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -226,6 +295,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Welcome Panel and Right Now common Icons style */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-icon:before,
</span><span class="cx" style="display: block; padding: 0 10px"> #dashboard_right_now li a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> #dashboard_right_now li span:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,6 +314,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Welcome Panel specific Icons styles */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-write-blog:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-edit-page:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f119";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -250,41 +321,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-add-page:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f132";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-setup-home:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f102";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-view-site:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f115";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-widgets-menus:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f116";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-widgets:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f538";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-menus:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f163";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-comments:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f117";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-learn-more:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\f118";
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1102,6 +1181,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Media Queries
</span><span class="cx" style="display: block; padding: 0 10px"> -------------------------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1600px) {
+ .welcome-panel .welcome-panel-column-container {
+ display: flex;
+ justify-content: center;
+ }
+
+ .welcome-panel-column {
+ width: 100%;
+ max-width: 460px;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* one column on the dash */
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 799px) {
</span><span class="cx" style="display: block; padding: 0 10px"> #wpbody-content #dashboard-widgets .postbox-container {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1213,18 +1304,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 870px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .welcome-panel .welcome-panel-column,
- .welcome-panel .welcome-panel-column:first-child {
- display: block;
- float: none;
- width: 100%;
- }
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-column li {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
</ins><span class="cx" style="display: block; padding: 0 10px"> .welcome-panel .welcome-panel-column ul {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.4em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1231,7 +1317,56 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (max-width: 1180px) and (min-width: 783px) {
+ .welcome-panel-column {
+ grid-template-columns: 1fr;
+ }
+
+ [class*="welcome-panel-icon"] {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .welcome-panel::before {
+ width: 240px;
+ height: 305px;
+ right: 32px;
+ }
+
+ .welcome-panel-header {
+ /* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+ padding: 32px 288px 32px 32px;
+ }
+
+ .welcome-panel .welcome-panel-column-container {
+ grid-template-columns: 1fr;
+ box-sizing: border-box;
+ padding: 32px;
+ width: 100%;
+ }
+
+ .welcome-panel .welcome-panel-column-content {
+ max-width: 520px;
+ }
+
+ /* Keep the close icon from overlapping the Welcome text. */
+ .welcome-panel .welcome-panel-close {
+ overflow: hidden;
+ text-indent: 40px;
+ white-space: nowrap;
+ width: 20px;
+ height: 20px;
+ padding: 5px;
+ top: 5px;
+ right: 5px;
+ }
+
+ .welcome-panel .welcome-panel-close::before {
+ top: 5px;
+ left: -35px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #dashboard-widgets h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1274,26 +1409,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Smartphone */
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 600px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Keep the close icon from overlapping the Welcome text. */
- .welcome-panel .welcome-panel-close {
- overflow: hidden;
- text-indent: 40px;
- white-space: nowrap;
- width: 20px;
- height: 20px;
- padding: 5px;
- top: 5px;
- right: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .welcome-panel::before {
+ display: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Make the close icon larger for tappability. */
- .welcome-panel .welcome-panel-close:before {
- font-size: 20px;
- top: 5px;
- left: -35px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .welcome-panel-header {
+ padding: 32px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (max-width: 480px) {
+ .welcome-panel-column {
+ gap: 16px;
+ }
+}
+
+@media screen and (max-width: 360px) {
+ .welcome-panel-column {
+ grid-template-columns: 1fr;
+ }
+
+ [class*="welcome-panel-icon"] {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (min-width: 355px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .community-events .event-info {
</span><span class="cx" style="display: block; padding: 0 10px"> display: table-row;
</span></span></pre></div>
<a id="trunksrcwpadminincludesdashboardphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/includes/dashboard.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/includes/dashboard.php 2022-01-04 18:52:43 UTC (rev 52441)
+++ trunk/src/wp-admin/includes/dashboard.php 2022-01-04 19:11:24 UTC (rev 52442)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1990,71 +1990,62 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 5.9.0 Send users to the Site Editor if the current theme is block-based.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function wp_welcome_panel() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $customize_url = null;
- $can_edit_theme_options = current_user_can( 'edit_theme_options' );
- $can_customize = current_user_can( 'customize' );
- $is_block_theme = wp_is_block_theme();
-
- if ( $is_block_theme && $can_edit_theme_options ) {
- $customize_url = esc_url( admin_url( 'site-editor.php' ) );
- } elseif ( ! $is_block_theme && $can_customize ) {
- $customize_url = wp_customize_url();
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
+ $can_customize = current_user_can( 'customize' );
+ $is_block_theme = wp_is_block_theme();
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="welcome-panel-content">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
- <p class="about-description"><?php _e( 'We’ve assembled some links to get you started:' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="welcome-panel-header">
+ <h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
+ <p>
+ <a href="<?php echo esc_url( admin_url( 'about.php' ) ); ?>">
+ <?php
+ /* translators: %s: Current WordPress version. */
+ printf( __( 'Learn more about the %s version.' ), $display_version );
+ ?>
+ </a>
+ </p>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="welcome-panel-column-container">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="welcome-panel-column">
- <?php if ( $customize_url ) : ?>
- <h3><?php _e( 'Get Started' ); ?></h3>
- <a class="button button-primary button-hero load-customize hide-if-no-customize" href="<?php echo $customize_url; ?>"><?php _e( 'Customize Your Site' ); ?></a>
- <?php endif; ?>
- <a class="button button-primary button-hero hide-if-customize" href="<?php echo esc_url( admin_url( 'themes.php' ) ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
- <?php if ( current_user_can( 'install_themes' ) || ( current_user_can( 'switch_themes' ) && count( wp_get_themes( array( 'allowed' => true ) ) ) > 1 ) ) : ?>
- <?php $themes_link = $can_customize && ! $is_block_theme ? add_query_arg( 'autofocus[panel]', 'themes', admin_url( 'customize.php' ) ) : admin_url( 'themes.php' ); ?>
- <p class="hide-if-no-customize">
- <?php
- /* translators: %s: URL to Themes panel in Customizer or Themes screen. */
- printf( __( 'or, <a href="%s">change your theme completely</a>' ), $themes_link );
- ?>
- </p>
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="welcome-panel-column">
+ <div class="welcome-panel-icon-pages"></div>
+ <div class="welcome-panel-column-content">
+ <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>
+ <a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=page' ) ); ?>"><?php _e( 'Add a new page' ); ?></a>
+ </div>
+ </div>
+ <div class="welcome-panel-column">
+ <div class="welcome-panel-icon-layout"></div>
+ <div class="welcome-panel-column-content">
+ <?php if ( $is_block_theme ) : ?>
+ <h3><?php _e( 'Customize your entire site with block themes' ); ?></h3>
+ <p><?php _e( 'Design everything on your site — from the header down to the footer, all using blocks and patterns.' ); ?></p>
+ <a href="<?php echo esc_url( admin_url( 'site-editor.php' ) ); ?>"><?php _e( 'Open site editor' ); ?></a>
+ <?php else : ?>
+ <h3><?php _e( 'Start Customizing' ); ?></h3>
+ <p><?php _e( 'Configure your site’s logo, header, menus, and more in the Customizer.' ); ?></p>
+ <?php if ( $can_customize ) : ?>
+ <a class="load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Open the Customizer' ); ?></a>
+ <?php endif; ?>
+ <?php endif; ?>
+ </div>
+ </div>
+ <div class="welcome-panel-column">
+ <div class="welcome-panel-icon-styles"></div>
+ <div class="welcome-panel-column-content">
+ <?php if ( $is_block_theme ) : ?>
+ <h3><?php _e( 'Switch up your site’s look & feel with Styles' ); ?></h3>
+ <p><?php _e( 'Tweak your site, or give it a whole new look! Get creative — how about a new color palette or font?' ); ?></p>
+ <a href="<?php echo esc_url( admin_url( 'site-editor.php?styles=open' ) ); ?>"><?php _e( 'Edit styles' ); ?></a>
+ <?php else : ?>
+ <h3><?php _e( 'Discover a new way to build your site.' ); ?></h3>
+ <p><?php _e( 'There’s a new kind of WordPress theme, called a block theme, that lets you build the site you’ve always wanted — with blocks and styles.' ); ?></p>
+ <a href="<?php echo esc_url( __( 'https://wordpress.org/support/article/block-themes/' ) ); ?>"><?php _e( 'Learn about block themes' ); ?></a>
+ <?php endif; ?>
+ </div>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="welcome-panel-column">
- <h3><?php _e( 'Next Steps' ); ?></h3>
- <ul>
- <?php if ( 'page' === get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
- <?php elseif ( 'page' === get_option( 'show_on_front' ) ) : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
- <?php else : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-setup-home">' . __( 'Set up your homepage' ) . '</a>', current_user_can( 'customize' ) ? add_query_arg( 'autofocus[section]', 'static_front_page', admin_url( 'customize.php' ) ) : admin_url( 'options-reading.php' ) ); ?></li>
- <?php endif; ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
- </ul>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="welcome-panel-column welcome-panel-last">
- <h3><?php _e( 'More Actions' ); ?></h3>
- <ul>
- <?php if ( current_theme_supports( 'widgets' ) ) : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-widgets">' . __( 'Manage widgets' ) . '</a>', admin_url( 'widgets.php' ) ); ?></li>
- <?php endif; ?>
- <?php if ( current_theme_supports( 'menus' ) ) : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-menus">' . __( 'Manage menus' ) . '</a>', admin_url( 'nav-menus.php' ) ); ?></li>
- <?php endif; ?>
- <?php if ( current_user_can( 'manage_options' ) ) : ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
- <?php endif; ?>
- <li><?php printf( '<a href="%s" class="welcome-icon welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', __( 'https://wordpress.org/support/article/first-steps-with-wordpress/' ) ); ?></li>
- </ul>
- </div>
- </div>
- </div>
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>