<!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>[44752] branches/5.1/src/wp-admin/css/about.css: Admin: Update the About page design to match mockups.</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/44752">44752</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/44752","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>pento</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-02-19 02:01:27 +0000 (Tue, 19 Feb 2019)</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'>Admin: Update the About page design to match mockups.
This commit also moves the images to s.w.org, removes the old "Gutenberg has been deactivated" warning, as well as removing some old JS from About pages of years gone past.
Merges <a href="https://core.trac.wordpress.org/changeset/44749">[44749]</a> to the 5.1 branch.
Props melchoyce, ryelle, paaljoachim, karmatosed, pento.
Fixes <a href="https://core.trac.wordpress.org/ticket/46161">#46161</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches51srcwpadminaboutphp">branches/5.1/src/wp-admin/about.php</a></li>
<li><a href="#branches51srcwpadmincssaboutcss">branches/5.1/src/wp-admin/css/about.css</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#branches51">branches/5.1/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/5.1
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/5.1 2019-02-19 02:00:21 UTC (rev 44751)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/5.1 2019-02-19 02:01:27 UTC (rev 44752)
</ins><a id="branches51"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/5.1</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/3.4:21757
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/4.9:43557,43622
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43747,43751-43754,43758,43760-43765,43767-43770,43772,43774-43781,43783,43785,43790-43806,43808-43821,43825,43828,43830-43834,43836-43843,43846-43863,43867-43889,43891-43894,43897-43905,43908-43909,43911-43929,43931-43942,43946-43947,43949-43956,43959-43964,43967-43969,43988,43994,44014,44017,44047,44183,44185,44187-44206,44208-44213,44231-44232,44235,44248,44284,44287-44288
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:44744,44747-44748
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/trunk:44744,44747-44749
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches51srcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.1/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.1/src/wp-admin/about.php 2019-02-19 02:00:21 UTC (rev 44751)
+++ branches/5.1/src/wp-admin/about.php 2019-02-19 02:01:27 UTC (rev 44752)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,34 +25,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <p class="about-text"><?php printf( __( 'Thank you for updating to the latest version!' ), $display_version ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php
- if (
- // Was the Gutenberg plugin installed before upgrading to 5.0.x?
- get_option( 'upgrade_500_was_gutenberg_active' ) == '1' &&
- current_user_can( 'activate_plugins' ) &&
- // Has it not been reactivated since?
- is_plugin_inactive( 'gutenberg/gutenberg.php' ) &&
- // Is it still installed?
- file_exists( WP_PLUGIN_DIR . '/gutenberg/gutenberg.php' )
- ) :
- ?>
- <div class="about-text" style="font-style:italic;">
- <?php
- printf(
- /* translators: 1: WordPress version, 2: HTML start tag of link, 3: HTML end tag of link */
- __( 'The Gutenberg plugin has been deactivated, as the features are now included in WordPress %1$s by default. If you’d like to continue to test the upcoming changes in the WordPress editing experience, please %2$sreactivate the Gutenberg plugin%3$s.' ),
- $display_version,
- '<a href="' . esc_url( self_admin_url( 'plugins.php?s=gutenberg&plugin_status=all' ) ) . '">',
- '</a>'
- );
- ?>
- </div>
- <?php elseif ( ! file_exists( WP_PLUGIN_DIR . '/classic-editor/classic-editor.php' ) ) : ?>
- <p class="about-text">
- ℹ <a href="#classic-editor"><?php _e( 'Learn how to keep using the old editor.' ); ?></a>
- </p>
- <?php endif; ?>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <h2 class="nav-tab-wrapper wp-clearfix">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,70 +34,58 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="freedoms.php?privacy-notice" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </h2>
</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="feature-section one-col">
- <div class="col">
- <h2><?php _e( 'A Little Better Every Day' ); ?></h2>
- </div>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2 class="feature-section-header"><?php _e( 'A Little Better Every Day' ); ?></h2>
</ins><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="feature-section one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section headline-feature one-col">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <picture>
- <img src="https://make.wordpress.org/core/files/2019/01/Servehappy-Notice-with-custom-link.png" alt="" width="200">
- </picture>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="inline-svg">
+ <img src="https://s.w.org/images/core/5.1/update.svg" alt="">
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'You’ve successfully upgraded to WordPress 5.1! Following WordPress 5.0—a major release which introduced the new block editor—5.1 focuses on polish, in particular by improving overall performance of the editor. In addition, this release paves the way for a better, faster, and more secure WordPress with some essential tools for site administrators and developers.' ); ?></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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="feature-section one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section one-col is-wide wp-clearfix">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h2><?php _e( 'Site Health' ); ?></h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'Site Health' ); ?></h2>
+ <div class="inline-svg alignright">
+ <img src="https://s.w.org/images/core/5.1/site-health.svg" alt="">
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php printf( __( 'With security and speed in mind, this release introduces WordPress’s first <a href="%s">Site Health</a> features. WordPress will start showing notices to administrators of sites that run long-outdated versions of PHP, which is the programming language that powers WordPress.' ), 'https://make.wordpress.org/core/2019/01/14/php-site-health-mechanisms-in-5-1/' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'When installing new plugins, WordPress’s Site Health features will check whether a plugin requires a version of PHP incompatible with your site. If so, WordPress will prevent you from installing that plugin.' ); ?></p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div>
- </div>
</del><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ $response = wp_check_php_version();
+ if ( $response && isset( $response['is_acceptable'] ) && ! $response['is_acceptable'] && current_user_can( 'update_php' ) ) :
+ ?>
+ <p><em><?php _e( 'WordPress has detected your site is running an outdated version of PHP. You will see this notice on your dashboard with instructions for contacting your host.' ); ?></em></p>
+ <?php endif; ?>
</ins><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="feature-section one-col cta">
- <?php
- $response = wp_check_php_version();
- if ( $response && isset( $response['is_acceptable'] ) && ! $response['is_acceptable'] && current_user_can( 'update_php' ) ) :
- ?>
- <p><em><?php _e( 'WordPress has detected your site is running an outdated version of PHP. You will see this notice on your dashboard with instructions for contacting your host.' ); ?></em></p>
- <?php endif; ?>
-
- <div class="col">
- <a class="button button-primary button-hero" href=""><?php _e( 'Learn more about updating PHP' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p><a class="button button-default button-hero" href="<?php echo esc_url( wp_get_update_php_url() ); ?>"><?php _e( 'Learn more about updating PHP' ); ?></a></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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="feature-section one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section one-col is-wide wp-clearfix">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h2><?php _e( 'Editor Performance' ); ?></h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'Editor Performance' ); ?></h2>
+ <div class="inline-svg alignright">
+ <img src="https://s.w.org/images/core/5.1/editor-performance.svg" alt="">
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Introduced in WordPress 5.0, the new block editor continues to improve. Most significantly, WordPress 5.1 includes solid performance improvements within the editor. The editor should feel a little quicker to start, and typing should feel smoother. Nevertheless, expect more performance improvements in the next releases.' ); ?></p>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( current_user_can( 'edit_posts' ) ) : ?>
+ <p><a class="button button-default button-hero" href="<?php echo esc_url( admin_url( 'post-new.php' ) ); ?>"><?php _e( 'Build your first post' ); ?></a></p>
+ <?php endif; ?>
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( current_user_can( 'edit_posts' ) ) { ?>
- <div class="feature-section one-col cta">
- <div class="col">
- <a class="button button-primary button-hero" href="<?php echo esc_url( admin_url( 'post-new.php' ) ); ?>"><?php _e( 'Build your first post' ); ?></a>
- </div>
- </div>
- <?php } ?>
-
</del><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="under-the-hood feature-section">
- <div class="col">
- <h2><?php _e( 'Developer Happiness' ); ?></h2>
- </div>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3 class="under-the-hood-header"><?php _e( 'Developer Happiness' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="under-the-hood feature-section three-col">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3><?php _e( 'Multisite Metadata' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h4><?php _e( 'Multisite Metadata' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( '5.1 introduces a new database table to store metadata associated with sites and allows for the storage of arbitrary site data relevant in a multisite / network context.' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <br>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -133,7 +93,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3><?php _e( 'Cron API' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h4><?php _e( 'Cron API' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'The Cron API has been updated with new functions to assist with returning data and includes new filters for modifying cron storage. Other changes in behavior affect cron spawning on servers running FastCGI and PHP-FPM versions 7.0.16 and above.' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <br>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,7 +101,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3><?php _e( 'New JS Build Processes' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h4><?php _e( 'New JS Build Processes' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress 5.1 features a new JavaScript build option, following the large reorganization of code started in the 5.0 release.' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <br>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -148,19 +108,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2018/05/16/preparing-wordpress-for-a-javascript-future-part-1-build-step-and-folder-reorganization/' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</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="col">
- <h3><?php _e( 'Other Developer Goodness' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+
+ <div class="under-the-hood feature-section two-col">
+ <div class="col is-span-two">
+ <h4><?php _e( 'Other Developer Goodness' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'Miscellaneous improvements include updates to values for the <code>WP_DEBUG_LOG</code> constant, new test config file constant in the test suite, new plugin action hooks, short-circuit filters for <code>wp_unique_post_slug()</code> and <code>WP_User_Query</code> and <code>count_users()</code>, a new <code>human_readable_duration</code> function, improved taxonomy metabox sanitization, limited <code>LIKE</code> support for meta keys when using <code>WP_Meta_Query</code>, a new “doing it wrong” notice when registering REST API endpoints, and more!' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <br>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2019/01/23/miscellaneous-developer-focused-changes-in-5-1/' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p>
+ <a class="button button-default button-hero" href="<?php echo esc_url( 'https://developer.wordpress.org/' ); ?>"><?php _e( 'Learn how to get started' ); ?></a>
+ </p>
</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>
-
- <div class="under-the-hood feature-section one-col cta">
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a class="button button-primary button-hero" href="<?php echo esc_url( 'https://developer.wordpress.org/' ); ?>"><?php _e( 'Learn how to get started' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="inline-svg">
+ <img src="https://s.w.org/images/core/5.1/under-the-hood.svg" alt="">
+ </div>
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -167,23 +132,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! file_exists( WP_PLUGIN_DIR . '/classic-editor/classic-editor.php' ) ) : ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2 class="feature-section-header"><?php _e( 'Keep it Classic' ); ?></h2>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="feature-section one-col" id="classic-editor">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h2><?php _e( 'Keep it Classic' ); ?></h2>
- </div>
- </div>
-
- <div class="full-width">
- <picture>
- <source type="image/webp" media="(max-width: 782px)" srcset="https://s.w.org/images/core/5.0/classic/Classic%20Mobile1x.webp 1x, https://s.w.org/images/core/5.0/classic/Classic%20Mobile.webp 2x" />
- <source media="(max-width: 782px)" srcset="https://s.w.org/images/core/5.0/classic/Classic%20Mobile1x.jpg 1x, https://s.w.org/images/core/5.0/classic/Classic%20Mobile.jpg 2x" />
- <source type="image/webp" srcset="https://s.w.org/images/core/5.0/classic/Classic@1x.webp 1x, https://s.w.org/images/core/5.0/classic/Classic.webp 2x" />
- <img src="https://s.w.org/images/core/5.0/classic/Classic@1x.jpg" srcset="https://s.w.org/images/core/5.0/classic/Classic@1x.jpg 1x, https://s.w.org/images/core/5.0/header/Classic.jpg 2x" alt="">
- </picture>
- </div>
-
- <div class="feature-section one-col">
- <div class="col">
</del><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Prefer to stick with the familiar Classic Editor? No problem! Support for the Classic Editor plugin will remain in WordPress through 2021.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'The Classic Editor plugin restores the previous WordPress editor and the Edit Post screen. It lets you keep using plugins that extend it, add old-style meta boxes, or otherwise depend on the previous editor. To install, visit your plugins page and click the “Install Now” button next to “Classic Editor”. After the plugin finishes installing, click “Activate”. That’s it!' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Note to users of assistive technology: if you experience usability issues with the block editor, we recommend you continue to use the Classic Editor.' ); ?></p>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -207,100 +159,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</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">-
- <script>
- (function( $ ) {
- $( function() {
- var $window = $( window );
- var $adminbar = $( '#wpadminbar' );
- var $sections = $( '.floating-header-section' );
- var offset = 0;
-
- // Account for Admin bar.
- if ( $adminbar.length ) {
- offset += $adminbar.height();
- }
-
- function setup() {
- $sections.each( function( i, section ) {
- var $section = $( section );
- // If the title is long, switch the layout
- var $title = $section.find( 'h2' );
- if ( $title.innerWidth() > 300 ) {
- $section.addClass( 'has-long-title' );
- }
- } );
- }
-
- var adjustScrollPosition = _.throttle( function adjustScrollPosition() {
- $sections.each( function( i, section ) {
- var $section = $( section );
- var $header = $section.find( 'h2' );
- var width = $header.innerWidth();
- var height = $header.innerHeight();
-
- if ( $section.hasClass( 'has-long-title' ) ) {
- return;
- }
-
- var sectionStart = $section.offset().top - offset;
- var sectionEnd = sectionStart + $section.innerHeight();
- var scrollPos = $window.scrollTop();
-
- // If we're scrolled into a section, stick the header
- if ( scrollPos >= sectionStart && scrollPos < sectionEnd - height ) {
- $header.css( {
- position: 'fixed',
- top: offset + 'px',
- bottom: 'auto',
- width: width + 'px'
- } );
- // If we're at the end of the section, stick the header to the bottom
- } else if ( scrollPos >= sectionEnd - height && scrollPos < sectionEnd ) {
- $header.css( {
- position: 'absolute',
- top: 'auto',
- bottom: 0,
- width: width + 'px'
- } );
- // Unstick the header
- } else {
- $header.css( {
- position: 'static',
- top: 'auto',
- bottom: 'auto',
- width: 'auto'
- } );
- }
- } );
- }, 100 );
-
- function enableFixedHeaders() {
- if ( $window.width() > 782 ) {
- setup();
- adjustScrollPosition();
- $window.on( 'scroll', adjustScrollPosition );
- } else {
- $window.off( 'scroll', adjustScrollPosition );
- $sections.find( '.section-header' )
- .css( {
- width: 'auto'
- } );
- $sections.find( 'h2' )
- .css( {
- position: 'static',
- top: 'auto',
- bottom: 'auto',
- width: 'auto'
- } );
- }
- }
- $( window ).resize( enableFixedHeaders );
- enableFixedHeaders();
- } );
- })( jQuery );
- </script>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-footer.php' );
</span></span></pre></div>
<a id="branches51srcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.1/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.1/src/wp-admin/css/about.css 2019-02-19 02:00:21 UTC (rev 44751)
+++ branches/5.1/src/wp-admin/css/about.css 2019-02-19 02:01:27 UTC (rev 44752)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -149,6 +149,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</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-wrap .under-the-hood-header {
+ margin: 40px 0 0;
+ text-align: center;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #23282d;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -187,11 +192,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</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-wrap .feature-section.one-col {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .one-col {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 680px;
</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-wrap .one-col.is-wide {
+ max-width: 760px;
+}
+
+.about-wrap .under-the-hood {
+ margin: auto;
+ max-width: 1020px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .inline-svg img {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,38 +216,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 120px;
</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-wrap .under-the-hood .inline-svg {
+ margin-left: 100px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap [class$="-col"] .col {
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-.about-wrap .two-col .col {
- min-width: 47%;
- max-width: 47%;
-}
-
-.about-wrap .three-col,
-.about-wrap .four-col {
- margin: auto;
- max-width: 1020px;
-}
-
-.about-wrap .three-col .col {
</del><span class="cx" style="display: block; padding: 0 10px"> align-self: flex-start;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-width: 31%;
- max-width: 31%;
</del><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-wrap .four-col .col {
- align-self: flex-start;
- min-width: 23%;
- max-width: 23%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap [class$="-col"] .col + .col {
+ margin-left: 20px;
</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-wrap .feature-section.eight-col .col {
- align-self: flex-start;
- margin-top: 6px;
- min-width: 12%;
- max-width: 12%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap [class$="-col"] .is-span-two {
+ flex: 2;
</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"> .about-wrap .one-col img {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -240,6 +237,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1em 0 2em;
</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-wrap .one-col .alignright img {
+ margin-top: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .two-col img {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -256,14 +257,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 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-wrap .inline-svg.alignright {
+ margin-left: 80px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .cta {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .cta .button {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</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-wrap .feature-section .button {
+ margin-top: 1.5em;
+ font-weight: 600;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1.3 - Point Releases */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .point-releases {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -285,6 +296,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 2.1 - Typography */
</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-wrap .feature-section-header {
+ margin: 50px 0 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section.two-col h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -323,24 +338,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 2.2 - Structure */
</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-wrap .headline-feature.feature-video {
- position: relative;
- margin: 40px 0;
- padding-bottom: 56.25%;
- width: 100%;
- max-width: 100%;
- height: 0;
- text-align: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .headline-feature {
+ margin-bottom: 40px;
</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-wrap .feature-video embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .featured-image {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -500,32 +501,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 4.0 - Media Queries
</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">-@media screen and (max-width: 1250px) {
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(1),
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2) {
- margin: 0 0 60px;
- }
-
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(3),
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
- margin: 0;
- }
-
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2),
- .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
- margin-left: 60px;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .two-col-text {
</span><span class="cx" style="display: block; padding: 0 10px"> column-count: 1;
</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-wrap .one-col .alignright {
+ margin-left: 20px;
+ max-width: 150px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .two-col .col,
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .three-col .col,
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .four-col .col {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 48% !important;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 48% !important;
+ margin-left: 0 !important;
</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"> .about-wrap .eight-col .col {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -549,19 +540,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: none;
</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-wrap .floating-header-section {
- display: block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .under-the-hood .inline-svg {
+ margin-left: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .about-wrap .floating-header-section .section-header,
- .about-wrap .floating-header-section .section-content {
- max-width: 100%;
- }
-
- .about-wrap .floating-header-section h2 {
- position: static;
- margin-bottom: 60px;
- }
</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"> @media only screen and (max-width: 500px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -585,6 +566,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</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-wrap .one-col .alignright {
+ max-width: 120px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section .col {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -616,24 +601,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.25em;
</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-wrap .floating-header-section {
- margin-bottom: 60px;
- grid-gap: 30px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .under-the-hood .inline-svg {
+ display: none;
</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"> .about-wrap .inline-svg.full-width {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 60px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about-wrap .floating-header-section h2 {
- word-break: break-all;
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 320px) {
+ .about-wrap .one-col .alignright {
+ float: none;
+ margin: 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .about-wrap .floating-header-section .section-content .section-item {
- max-width: 100%;
- margin: 0 0 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .one-col .alignright img {
+ margin: 0 0 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>