Make WordPress Core

Ticket #49295: 49295.14.diff

File 49295.14.diff, 8.2 KB (added by SergeyBiryukov, 5 years ago)
  • src/wp-admin/about.php

     
    2020
    2121                <div class="about__header">
    2222                        <div class="about__header-title">
    23                                 <h1>
     23                                <p>
    2424                                        <?php _e( 'WordPress' ); ?>
    2525                                        <span><?php echo $display_version; ?></span>
    26                                 </h1>
     26                                </p>
    2727                        </div>
    2828
    2929                        <div class="about__header-text">
     
    4141                </div>
    4242
    4343                <div class="about__section is-feature has-accent-background-color">
    44                         <p><?php _e( 'Say hello to more and better.' ); ?></p>
     44                        <h1><?php _e( 'Say hello to more and better.' ); ?></h1>
     45
    4546                        <p><?php _e( 'More ways to make your pages come alive. With easier ways to get it all done and looking better than ever&mdash;and boosts in speed you can feel.' ); ?></p>
    4647                </div>
    4748
     
    105106                                        <li><?php _e( 'Tips are gone. In their place, a Welcome Guide window you can bring up when you need it&mdash;and only when you need it&mdash;again and again.' ); ?></li>
    106107                                        <li><?php _e( 'Know at a glance whether you&#8217;re in a block&#8217;s Edit or Navigation mode. Or, if you have restricted vision, your screen reader will tell you which mode you&#8217;re in.' ); ?></li>
    107108                                </ul>
    108                                 <p><em><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You&#8217;ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></em></p>
     109                                <p><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You&#8217;ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></p>
    109110                        </div>
    110111                        <div class="column is-edge-to-edge">
    111112                                <div class="about__image aligncenter">
  • src/wp-admin/credits.php

     
    2222
    2323        <div class="about__header">
    2424                <div class="about__header-title">
    25                         <h1>
     25                        <p>
    2626                                <?php _e( 'WordPress' ); ?>
    2727                                <span><?php echo $display_version; ?></span>
    28                         </h1>
     28                        </p>
    2929                </div>
    3030
    3131                <div class="about__header-text">
     
    4242                </nav>
    4343        </div>
    4444
    45         <div class="about__section">
     45        <div class="about__section is-feature">
    4646                <div class="column">
    47                         <h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2>
     47                        <h1><?php _e( 'Credits' ); ?></h1>
    4848
     49                        <?php if ( ! $credits ) : ?>
     50
    4951                        <p>
    5052                                <?php
    51                                 if ( ! $credits ) {
    52                                         printf(
    53                                                 /* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
    54                                                 __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
    55                                                 __( 'https://wordpress.org/about/' ),
    56                                                 __( 'https://make.wordpress.org/' )
    57                                         );
    58                                 } else {
    59                                         printf(
    60                                                 /* translators: %s: https://make.wordpress.org/ */
    61                                                 __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
    62                                                 __( 'https://make.wordpress.org/' )
    63                                         );
    64                                 }
     53                                printf(
     54                                        /* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
     55                                        __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
     56                                        __( 'https://wordpress.org/about/' ),
     57                                        __( 'https://make.wordpress.org/' )
     58                                );
    6559                                ?>
    6660                        </p>
     61
     62                        <?php else : ?>
     63
     64                        <p>
     65                                <?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?>
     66                        </p>
     67                        <p>
     68                                <?php
     69                                printf(
     70                                        /* translators: %s: https://make.wordpress.org/ */
     71                                        __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
     72                                        __( 'https://make.wordpress.org/' )
     73                                );
     74                                ?>
     75                        </p>
     76
     77                        <?php endif; ?>
    6778                </div>
    6879
    6980                <div class="about__image aligncenter">
  • src/wp-admin/css/about.css

     
    9999.about__section {
    100100        background: #f3f4f5;
    101101        background: var(--background);
     102        clear: both;
    102103}
    103104
    104105.about__container .has-accent-background-color {
     
    303304}
    304305
    305306.about__container h1 {
    306         font-size: 5em;
    307         line-height: 1;
     307        margin: 0 0 1em;
     308        padding: 0;
     309        font-weight: 600;
     310        color: inherit;
    308311}
    309312
     313.about__container h1,
    310314.about__container h2 {
    311315        margin-top: 0;
    312316        font-size: 1.4em;
     317        line-height: 1.4;
    313318}
    314319
    315320.about__container h3 {
     
    395400        text-align: center;
    396401}
    397402
    398 @media screen and (max-width: 782px) {
    399         .about__container h1 {
    400                 font-size: 4em;
    401         }
    402 }
    403 
    404403@media screen and (max-width: 480px) {
    405         .about__container h1 {
    406                 font-size: 3.2em;
    407         }
    408 
    409404        .about__section.is-feature {
    410405                font-size: 1.4em;
    411406                font-weight: 500;
     
    448443        -ms-grid-row-span: 2;
    449444        grid-row: 1/span 2;
    450445        padding: 32px;
    451         -webkit-writing-mode: vertical-rl;
    452         -ms-writing-mode: tb-rl;
    453         writing-mode: vertical-rl;
    454         transform: rotate(180deg);
    455446}
    456447
    457 /* Needs to be inline-block to use vertical-align, needs specificity to override flex. */
    458 .about__header .about__header-title {
    459         display: inline-block;
    460         vertical-align: top;
    461 }
    462 
    463 .about__header-title h1 {
     448.about__header-title p {
     449        margin: 0;
    464450        padding: 0;
     451        font-size: 4em;
     452        line-height: 1;
    465453        color: #1730e5;
    466454        color: var(--accent-1);
    467455}
    468456
    469 .about__header-title h1 span {
    470         display: block;
     457@media screen and (max-width: 1280px) {
     458        .about__header-title p {
     459                font-size: 3.4em;
     460        }
     461}
     462
     463@media screen and (max-width: 1024px) {
     464        .about__header-title p {
     465                font-size: 3em;
     466        }
     467}
     468
     469@media screen and (max-width: 960px) {
     470        .about__header-title p {
     471                font-size: 2.7em;
     472        }
     473}
     474
     475.about__header-title p span {
     476        display: inline-block;
    471477        font-weight: 600;
    472478        font-size: 1.2em;
    473479        line-height: 1;
     
    543549        .about__container .about__header-text {
    544550                font-size: 1.4em;
    545551        }
    546 }
    547552
    548 @media screen and (max-width: 600px) {
    549553        .about__header {
    550554                display: block;
    551                 min-height: unset;
    552                 max-height: unset;
     555                min-height: none;
     556                max-height: none;
    553557                height: auto;
    554558        }
    555559
     
    560564                 */
    561565                padding-top: 80%;
    562566                padding-bottom: 0;
    563                 -webkit-writing-mode: initial;
    564                 -ms-writing-mode: initial;
    565                 writing-mode: initial;
    566                 transform: none;
    567567        }
    568568
    569569        .about__header-text {
     
    578578}
    579579
    580580@media screen and (max-width: 480px) {
     581        .about__header-title p {
     582                font-size: 3.2em;
     583        }
     584
    581585        .about__header-navigation .nav-tab {
    582586                float: none;
    583587                display: block;
  • src/wp-admin/freedoms.php

     
    2525
    2626        <div class="about__header">
    2727                <div class="about__header-title">
    28                         <h1>
     28                        <p>
    2929                                <?php _e( 'WordPress' ); ?>
    3030                                <span><?php echo $display_version; ?></span>
    31                         </h1>
     31                        </p>
    3232                </div>
    3333
    3434                <div class="about__header-text">
     
    4646        </div>
    4747
    4848        <div class="about__section has-subtle-background-color is-feature">
    49                 <h2><?php _e( 'Freedoms' ); ?></h2>
     49                <h1><?php _e( 'Freedoms' ); ?></h1>
    5050
    5151                <p class="about-description">
    5252                <?php
  • src/wp-admin/privacy.php

     
    1919
    2020        <div class="about__header">
    2121                <div class="about__header-title">
    22                         <h1>
     22                        <p>
    2323                                <?php _e( 'WordPress' ); ?>
    2424                                <span><?php echo $display_version; ?></span>
    25                         </h1>
     25                        </p>
    2626                </div>
    2727
    2828                <div class="about__header-text">
     
    4141
    4242        <div class="about__section">
    4343                <div class="column">
    44                         <h2><?php _e( 'Privacy' ); ?></h2>
     44                        <h1><?php _e( 'Privacy' ); ?></h1>
    4545
    4646                        <p><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>
    4747