<!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>[55499] trunk/src/wp-admin: Help/About: Update copy & style for About page and subpages.</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/55499">55499</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/55499","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>2023-03-09 16:28:25 +0000 (Thu, 09 Mar 2023)</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'>Help/About: Update copy & style for About page and subpages.
Minor copy updates. Update heading style, text size, spacing in smaller columns. Remove columns placement code to simplify CSS. This was necessary for IE11, but modern browsers can use auto-placement. Move navigation out of the banner to keep size & background placement consistent across About section.
Props marybaum, sereedmedia, annezazu, jpantani, laurlittle, richtabor, markoserb, fcoveram, joen, kebbet.
See <a href="https://core.trac.wordpress.org/ticket/57477">#57477</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincreditsphp">trunk/src/wp-admin/credits.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadminfreedomsphp">trunk/src/wp-admin/freedoms.php</a></li>
<li><a href="#trunksrcwpadminimagesaboutheaderfreedomssvg">trunk/src/wp-admin/images/about-header-freedoms.svg</a></li>
<li><a href="#trunksrcwpadminprivacyphp">trunk/src/wp-admin/privacy.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></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/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/about.php 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/about.php 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,15 +33,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-text"></div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
- <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a>
- <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
- <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
- <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
- </nav>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+ <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+ </nav>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><span class="cx" style="display: block; padding: 0 10px"> <h2 class="aligncenter">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -153,7 +153,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__image">
</span><span class="cx" style="display: block; padding: 0 10px"> <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Style Book' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Style Book' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Use the new Style Book to get a complete overview of how every block in your site’s library looks. All in one place, all at a glance.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,7 +160,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__image">
</span><span class="cx" style="display: block; padding: 0 10px"> <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Copy and paste styles' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Copy and paste styles' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Perfect the design on one type of block, then copy and paste those styles to other blocks to get just the look you want.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -167,7 +167,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__image">
</span><span class="cx" style="display: block; padding: 0 10px"> <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Custom CSS' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Custom CSS' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Power up your site any way you wish. Add CSS to your site, or your blocks, for another level of control over your site’s look and feel.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -180,8 +180,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.138 20.765a6.012 6.012 0 0 1 3.614-.62l4.15-5.617 6.57 6.57-5.616 4.15a6.01 6.01 0 0 1-.772 3.886c-.252.427-.561.828-.927 1.195l-3.713-3.713-5.692 5.693h-1.06v-1.061l5.692-5.692-3.713-3.713a6.007 6.007 0 0 1 1.467-1.078Zm7.936-3.944 4.105 4.105-4.933 3.647.124.884c.122.87-.01 1.766-.394 2.57l-6.002-6.003a4.515 4.515 0 0 1 2.57-.394l.883.124 3.647-4.933Z" fill="#fff"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Sticky positioning' ); ?></h3>
- <p><?php _e( 'Choose to keep certain blocks fixed to the top of a page as visitors scroll.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-top:0;margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Sticky positioning' ); ?></h3>
+ <p><?php _e( 'Choose to keep top-level group blocks fixed to the top of a page as visitors scroll.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__image">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,7 +190,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 15h2v2h8v-2h2v2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2V19a2 2 0 0 1 2-2v-2Zm12 3.5H18a.5.5 0 0 0-.5.5v1h13v-1a.5.5 0 0 0-.5-.5Zm.5 3h-13V31a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-9.5ZM23 23h2v2h-2v-2Zm-4 0v2h2v-2h-2Zm8 2v-2h2v2h-2Z" fill="#fff"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Importing widgets' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-top:0;margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Importing widgets' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Options to import your favorite widgets from Classic themes to Block themes.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -200,20 +200,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.681 27.075h4.076l.977 2.774h1.72L20.564 19h-1.69L15 29.849h1.705l.976-2.774Zm2.046-5.766 1.503 4.262h-3.006l1.503-4.262Zm6.755 8.064c.332.366.864.549 1.595.549.498 0 .963-.1 1.395-.3.443-.21.825-.586 1.147-1.13.01.377.11.71.299.998.2.288.603.432 1.212.432.366 0 .665-.056.898-.166.243-.111.482-.26.714-.449l-.166-.282c-.11.088-.222.166-.332.232a.697.697 0 0 1-.366.1c-.177 0-.299-.061-.365-.183-.067-.122-.1-.316-.1-.581v-4.586c0-.543-.044-1.002-.133-1.379a1.828 1.828 0 0 0-.548-.963 1.974 1.974 0 0 0-.88-.499c-.344-.11-.754-.166-1.23-.166-.51 0-.975.06-1.396.183-.41.122-.747.271-1.013.448a2.84 2.84 0 0 0-.598.532c-.144.188-.216.432-.216.731 0 .288.083.543.249.764.166.21.42.316.764.316.31 0 .565-.089.764-.266.21-.177.316-.42.316-.73a1.04 1.04 0 0 0-.25-.715 1.108 1.108 0 0 0-.597-.4c.166-.21.393-.348.681-.414.288-.078.56-.117.814-.117.3 0
.554.05.764.15.222.1.393.271.515.515.133.232.2.548.2.947v1.13c0 .254-.117.465-.35.63-.22.167-.509.317-.863.45-.343.121-.714.254-1.113.398-.388.133-.759.3-1.113.499a2.583 2.583 0 0 0-.848.73c-.221.3-.332.687-.332 1.164 0 .576.16 1.052.482 1.428Zm3.356-.481c-.277.155-.56.232-.848.232-.354 0-.647-.116-.88-.349-.233-.232-.349-.598-.349-1.096 0-.51.116-.908.349-1.196.233-.288.51-.515.83-.682.333-.177.654-.337.964-.481.322-.144.56-.333.715-.565v3.306c-.244.388-.504.665-.781.83Z" fill="#fff"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="is-smaller-heading"><?php _e( 'Local fonts in themes' ); ?></h3>
- <p><?php _e( 'Default WordPress themes offer better privacy with Google Fonts included.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="is-smaller-heading" style="margin-top:0;margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Local fonts in themes' ); ?></h3>
+ <p><?php _e( 'Default WordPress themes offer better privacy with Google Fonts now included.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns is-wider-right">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-3-columns">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column about__image is-vertically-aligned-top">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="https://youtu.be/1w9oywSa6Hw">
</span><span class="cx" style="display: block; padding: 0 10px"> <img src="data:image/svg+xml,%3Csvg width='294' height='280' viewBox='0 0 294 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='%231D35B4' d='M0 0h280v280H0z'/%3E%3Cpath d='m178.94 801.802-59.946-94.723c45.365-71.684 70.344-166.987 70.344-268.362 0-101.375-24.979-196.678-70.344-268.362C73.629 98.671 13.316 59.202-50.84 59.202s-124.468 39.47-169.834 111.153c-45.365 71.684-70.344 166.987-70.344 268.362 0 101.375 24.979 196.678 70.344 268.362l-59.945 94.723c-61.373-96.978-95.181-225.924-95.181-363.063 0-137.139 33.794-266.085 95.181-363.062 61.372-96.977 142.976-150.4 229.765-150.4 86.789 0 168.393 53.4 229.765 150.4 61.373 96.977 95.181 225.923 95.181 363.062s-33.794 266.085-95.181 363.063h.029Z' fill='%23213FD4'/%3E%3Cpath d='m79.037 643.943-59.945-94.722c38.556-60.924 38.556-160.066 0-221.012-38.555-60.923-101.299-60.923-139.868 0-3
8.556 60.923-38.556 160.066 0 220.99l-59.946 94.722c-71.615-113.162-71.615-297.272 0-410.435 71.616-113.162 188.13-113.162 259.746 0 71.615 113.163 71.615 297.273 0 410.435l.013.022Z' fill='%23213FD4'/%3E%3Cpath d='m278.852 959.676-59.946-94.723c72.054-113.854 111.726-265.214 111.726-426.218 0-161.004-39.672-312.363-111.726-426.218C146.853-101.337 51.065-164.024-50.827-164.024s-197.681 62.687-269.734 176.541c-72.053 113.855-111.725 265.214-111.725 426.218 0 161.004 39.672 312.364 111.725 426.218l-59.946 94.723c-44.489-70.3-78.947-152.32-102.414-243.738-22.662-88.271-34.148-181.542-34.148-277.18s11.486-188.91 34.148-277.181c23.467-91.44 57.925-173.438 102.414-243.738 44.49-70.299 96.396-124.749 154.251-161.83 55.862-35.808 114.89-53.958 175.415-53.958 60.524 0 119.552 18.15 175.414 53.958 57.869 37.081 109.761 91.531 154.251 161.83 44.489 70.3 78.948 152.32 102.414 243.738 22.662 88.271 34.148 181.543 34.148 277.181 0 95.638-11.486 188.909-34.148 277.18-23.466 91.441-57.925 173.438-1
02.414 243.738h.028Z' fill='%23213FD4'/%3E%3Cpath d='m218.905 864.928-357.086 564.242 59.94 94.72 357.086-564.247-59.94-94.715ZM119.004 707.087-330.27 1417l59.94 94.72 449.274-709.918-59.94-94.715ZM19.094 549.203l-536.247 847.347 59.94 94.72L79.034 643.917l-59.94-94.714ZM2335.61 1839.71H-517.886v136.44H2335.61v-136.44ZM2335.61 1617.98H-517.886v136.45H2335.61v-136.45Z' fill='%23213FD4'/%3E%3Cpath d='M2335.61 1396.25H-517.886v130.76H2335.61v-130.76Z' fill='%23213FD4'/%3E%3C/g%3E%3Cpath d='m75.895 129.264-5.608 5.45a17.076 17.076 0 0 1 9.5 4.666 16.24 16.24 0 0 1 0 23.402c-3.216 3.126-7.492 4.847-12.04 4.847-4.548 0-8.824-1.721-12.04-4.847a16.239 16.239 0 0 1 0-23.402l-4.838-4.702c-9.306 9.044-9.306 23.76 0 32.805 4.509 4.382 10.503 6.794 16.878 6.794s12.369-2.412 16.877-6.794c9.307-9.045 9.307-23.761 0-32.805a23.893 23.893 0 0 0-8.73-5.414Z' fill='%2333F078'/%3E%3Cpath d='m84.501 120.9-5.106 4.962a28.488 28.488 0 0 1 8.455 5.682c5.37 5.218 8.327 12.157 8.327 19.537 0 7.381-2.958 14.31
9-8.327 19.538-5.37 5.218-12.51 8.093-20.103 8.093-7.594 0-14.733-2.875-20.103-8.093-5.37-5.218-8.327-12.157-8.327-19.538 0-7.38 2.957-14.318 8.327-19.537l-4.838-4.702c-6.662 6.475-10.33 15.083-10.33 24.238 0 9.156 3.669 17.765 10.33 24.239 6.66 6.473 15.52 10.039 24.94 10.039 9.421 0 18.278-3.566 24.94-10.039 6.662-6.475 10.33-15.083 10.33-24.239 0-9.155-3.67-17.764-10.33-24.238A35.356 35.356 0 0 0 84.5 120.9h.001Z' fill='%2333F078'/%3E%3Cpath d='M111.002 134.014c-2.349-5.629-5.798-10.678-10.253-15.007a46.57 46.57 0 0 0-7.927-6.195l-4.973 4.834a39.92 39.92 0 0 1 8.062 6.062c7.523 7.312 11.667 17.034 11.667 27.374s-4.144 20.061-11.667 27.373c-7.523 7.311-17.526 11.338-28.165 11.338-10.64 0-20.643-4.027-28.166-11.338-7.523-7.312-11.667-17.033-11.667-27.373s4.144-20.062 11.667-27.374l-4.838-4.701c-4.455 4.328-7.904 9.378-10.253 15.006a44.158 44.158 0 0 0-3.415 17.068c0 5.889 1.15 11.632 3.419 17.067 2.349 5.629 5.798 10.678 10.253 15.008a46.51 46.51 0 0 0 15.44 9.964 47.695 47.695 0 0
0 17.562 3.322c6.06 0 11.969-1.117 17.561-3.321a46.498 46.498 0 0 0 15.441-9.964c4.454-4.329 7.904-9.379 10.253-15.008a44.094 44.094 0 0 0 3.417-17.067c0-5.89-1.149-11.632-3.417-17.068h-.001Z' fill='%2333F078'/%3E%3Cpath d='m103.47 83.559-52.6 51.119 4.838 4.702 57.437-55.821h-9.675ZM87.344 83.559l-44.538 43.283 4.838 4.702L97.02 83.559h-9.675ZM71.219 83.559l-36.475 35.448 4.838 4.702 41.312-40.15H71.22ZM167.807 138.655l-4.765-4.661c3.606-3.527 5.592-8.216 5.592-13.205 0-4.988-1.986-9.678-5.592-13.205-3.607-3.527-8.401-5.47-13.501-5.47s-9.895 1.943-13.501 5.47c-3.607 3.527-5.592 8.217-5.592 13.205 0 4.989 1.985 9.678 5.592 13.205l-4.766 4.661c-4.879-4.771-7.566-11.117-7.566-17.865 0-6.748 2.686-13.093 7.566-17.865 4.879-4.772 11.366-7.4 18.266-7.4 6.899 0 13.386 2.627 18.265 7.4 4.879 4.772 7.566 11.117 7.566 17.865 0 6.748-2.686 13.094-7.566 17.865h.002Z' fill='%2333F078'/%3E%3Cpath d='m159.865 130.888-4.765-4.661a7.582 7.582 0 0 0 0-10.876c-3.065-2.997-8.053-2.997-11.119 0a7.58 7
.58 0 0 0 0 10.875l-4.765 4.661a14.077 14.077 0 0 1 0-20.197c5.693-5.568 14.955-5.568 20.648 0a14.077 14.077 0 0 1 0 20.197l.001.001Z' fill='%2333F078'/%3E%3Cpath d='m175.75 146.424-4.766-4.661c5.728-5.602 8.882-13.05 8.882-20.973 0-7.922-3.154-15.37-8.882-20.973-5.728-5.602-13.342-8.687-21.442-8.687s-15.715 3.085-21.443 8.687c-5.728 5.603-8.882 13.051-8.882 20.973 0 7.923 3.154 15.371 8.882 20.973l-4.765 4.661c-3.537-3.459-6.276-7.495-8.142-11.994a35.432 35.432 0 0 1-2.714-13.639c0-4.706.913-9.295 2.714-13.639 1.866-4.5 4.605-8.534 8.142-11.994a36.91 36.91 0 0 1 12.262-7.963 37.647 37.647 0 0 1 13.945-2.655c4.811 0 9.503.893 13.944 2.655a36.89 36.89 0 0 1 12.262 7.963c3.537 3.46 6.276 7.496 8.142 11.994a35.436 35.436 0 0 1 2.715 13.639c0 4.706-.914 9.296-2.715 13.639-1.866 4.5-4.605 8.535-8.142 11.994h.003Z' fill='%2333F078'/%3E%3Cpath d='m170.984 141.762-28.387 27.765 4.765 4.66 28.387-27.765-4.765-4.66ZM163.042 133.995l-35.715 34.933 4.765 4.66 35.715-34.933-4.765-4.66ZM155.1 126
.226l-42.629 41.695 4.765 4.661 42.629-41.696-4.765-4.66ZM339.253 189.728h-226.84v6.714h226.84v-6.714ZM339.253 178.817h-226.84v6.714h226.84v-6.714Z' fill='%2333F078'/%3E%3Cpath d='M339.253 167.907h-226.84v6.434h226.84v-6.434Z' fill='%2333F078'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h294v280H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h280v280H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.2 video' ) ); ?>" />
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><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="column is-vertically-aligned-center">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span></span></pre></div>
<a id="trunksrcwpadmincreditsphp"></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/credits.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/credits.php 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/credits.php 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,15 +37,15 @@
</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"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
- <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
- <a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
- <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
- <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
- </nav>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+ <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+ </nav>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section has-1-column has-gutters">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column aligncenter">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! $credits ) : ?>
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></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/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/css/about.css 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -220,76 +220,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: 3fr 2fr;
</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">-.about__section.has-2-columns .is-section-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__section .is-section-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> grid-column-start: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -ms-grid-column-span: 2;
- grid-column-end: span 2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ grid-column-end: -1;
</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">-.about__section.has-2-columns .column:nth-of-type(2n+1) {
- grid-column-start: 1;
-}
-
-.about__section.has-2-columns .column:nth-of-type(2n) {
- grid-column-start: 2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-3-columns {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(3, 1fr);
</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">-.about__section.has-3-columns .is-section-header {
- grid-column-start: 1;
- -ms-grid-column-span: 3;
- grid-column-end: span 3;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+1) {
- grid-column-start: 1;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+2) {
- grid-column-start: 2;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n) {
- grid-column-start: 3;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-4-columns {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(4, 1fr);
</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">-.about__section.has-4-columns .is-section-header {
- grid-column-start: 1;
- -ms-grid-column-span: 4;
- grid-column-end: span 4;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+1) {
- grid-column-start: 1;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+2) {
- grid-column-start: 2;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+3) {
- grid-column-start: 3;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n) {
- grid-column-start: 4;
-}
-
-/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
-.about__section.has-2-columns .is-section-header ~ .column,
-.about__section.has-3-columns .is-section-header ~ .column,
-.about__section.has-4-columns .is-section-header ~ .column,
-.about__section.has-overlap-style .is-section-header ~ .column {
- grid-row-start: 2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-overlap-style {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(7, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -300,13 +243,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-overlap-style .column:nth-of-type(2n+1) {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-column-start: 2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -ms-grid-column-span: 3;
</del><span class="cx" style="display: block; padding: 0 10px"> grid-column-end: span 3;
</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"> .about__section.has-overlap-style .column:nth-of-type(2n) {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-column-start: 4;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -ms-grid-column-span: 3;
</del><span class="cx" style="display: block; padding: 0 10px"> grid-column-end: span 3;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -354,29 +295,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(2, 1fr);
</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">- .about__section.has-4-columns .column:nth-of-type(2n+1) {
- grid-column-start: 1;
- }
-
- .about__section.has-4-columns .column:nth-of-type(2n) {
- grid-column-start: 2;
- }
-
- .about__section.has-4-columns .column:nth-of-type(4n+3),
- .about__section.has-4-columns .column:nth-of-type(4n) {
- grid-row-start: 2;
- }
-
- .about__section.has-4-columns .is-section-header {
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
- }
-
- .about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
- .about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
- grid-row-start: 3;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-overlap-style {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: 1fr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -384,10 +302,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* At this size, the two columns fully overlap */
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section.has-overlap-style .column.column {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-column-start: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -ms-grid-column-span: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> grid-column-end: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-row-start: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -ms-grid-row-span: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> grid-row-end: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -475,7 +391,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container h3.is-smaller-heading {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.125rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 600;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -548,6 +464,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</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">+.about__container .about__image svg {
+ vertical-align: middle;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__container .about__image + h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -557,7 +477,7 @@
</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"> .about__container hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 var(--gap);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: var(--gap);
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 4px solid var(--accent-2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -587,6 +507,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6em;
</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">+.about__section.has-3-columns,
+.about__section.has-4-columns {
+ font-size: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 480px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section.is-feature {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -603,12 +528,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: var(--gap);
- padding-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ padding: calc(var(--gap) * 2) 0;
+ min-height: 420px;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--text-light);
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--background) url('../images/about-header-about.svg?ver=6.2') no-repeat;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: cover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-position: center calc(50% - 36px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-position: center;
</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"> .credits-php .about__header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -630,7 +560,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-title {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 var(--gap);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 9rem 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -657,7 +587,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-text {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 22em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 auto 10rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -664,10 +594,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</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">-.credits-php .about__header-text {
- margin-bottom: 9rem;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -674,6 +600,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--gap);
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--nav-background);
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--nav-color);
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 3px solid var(--nav-border);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -753,6 +680,12 @@
</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: 600px) {
+ .about__header {
+ min-height: auto;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 480px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header,
</span><span class="cx" style="display: block; padding: 0 10px"> .credits-php .about__header,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -765,15 +698,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.4em;
</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">- .about__header-title {
- padding-top: 2rem;
- }
-
- .about__header-text,
- .credits-php .about__header-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about__header-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(var(--gap) / 2);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(var(--gap) / 2);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 2rem;
</del><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"> .about__header-navigation {
</span></span></pre></div>
<a id="trunksrcwpadminfreedomsphp"></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/freedoms.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/freedoms.php 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/freedoms.php 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,15 +34,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-text">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress is free and open source software' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
- <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
- <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
- <a href="freedoms.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Freedoms' ); ?></a>
- <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
- </nav>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+ <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Freedoms' ); ?></a>
+ <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+ </nav>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section is-feature">
</span><span class="cx" style="display: block; padding: 0 10px"> <p class="about-description">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutheaderfreedomssvg"></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/images/about-header-freedoms.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-freedoms.svg 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/images/about-header-freedoms.svg 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,5 +4,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M131-26c0 165.69 134.31 300 300 300h1000" stroke="#213FD4" stroke-width="60" stroke-miterlimit="10"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M231-26c0 110.46 89.54 200 200 200h1000" stroke="#213FD4" stroke-width="60" stroke-miterlimit="10"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M336-26c0 55.23 44.567 100 99.545 100H1431" stroke="#213FD4" stroke-width="60" stroke-miterlimit="10"/>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M132 27c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM474 104c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM949 204c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM775 404c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30Z" fill="#33F078"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M132 27c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM474 104c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM936 204c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30ZM755 404c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30Z" fill="#33F078"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre></div>
<a id="trunksrcwpadminprivacyphp"></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/privacy.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/privacy.php 2023-03-09 14:04:51 UTC (rev 55498)
+++ trunk/src/wp-admin/privacy.php 2023-03-09 16:28:25 UTC (rev 55499)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,15 +28,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-text">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'We take privacy and transparency very seriously' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
- <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
- <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
- <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
- <a href="privacy.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Privacy' ); ?></a>
- </nav>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+ <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ <a href="privacy.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Privacy' ); ?></a>
+ </nav>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section has-2-columns is-wider-right">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column about__image">
</span><span class="cx" style="display: block; padding: 0 10px"> <img class="privacy-image" src="<?php echo esc_url( admin_url( 'images/privacy.svg?ver=6.1' ) ); ?>" alt="" />
</span></span></pre>
</div>
</div>
</body>
</html>