Make WordPress Core

Ticket #49295: 49295-heading-changes.diff

File 49295-heading-changes.diff, 5.8 KB (added by ryelle, 4 years ago)
  • src/wp-admin/about.php

    diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php
    index acaaa2a009..901fc08f01 100644
    a b require_once ABSPATH . 'wp-admin/admin-header.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">
    require_once ABSPATH . 'wp-admin/admin-header.php'; 
    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
  • src/wp-admin/credits.php

    diff --git a/src/wp-admin/credits.php b/src/wp-admin/credits.php
    index 60b1ebb004..c15d86e4d2 100644
    a b $credits = wp_credits(); 
    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">
    $credits = wp_credits(); 
    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
    4949                        <p>
     50                                <?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?>
    5051                                <?php
    5152                                if ( ! $credits ) {
    5253                                        printf(
  • src/wp-admin/css/about.css

    diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
    index 51e49261d6..960a577e04 100644
    a b  
    9999.about__section {
    100100        background: #f3f4f5;
    101101        background: var(--background);
     102        clear: both;
    102103}
    103104
    104105.about__container .has-accent-background-color {
     
    302303        line-height: 1.4;
    303304}
    304305
    305 .about__container h1 {
    306         font-size: 5em;
    307         line-height: 1;
     306.about__section h1 {
     307        font-weight: 600;
     308        margin: 0 0 1em;
     309        padding: 0;
     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;
     
    452447        -ms-writing-mode: tb-rl;
    453448        writing-mode: vertical-rl;
    454449        transform: rotate(180deg);
     450        direction: ltr;
     451}
     452
     453/* rtl:ignore */
     454.rtl .about__header-title {
     455        transform: none;
     456        direction: rtl;
    455457}
    456458
    457459/* Needs to be inline-block to use vertical-align, needs specificity to override flex. */
     
    460462        vertical-align: top;
    461463}
    462464
    463 .about__header-title h1 {
     465.about__header-title p {
     466        margin: 0;
    464467        padding: 0;
     468        font-size: 5em;
     469        line-height: 1;
    465470        color: #1730e5;
    466471        color: var(--accent-1);
    467472}
    468473
    469 .about__header-title h1 span {
     474.about__header-title p span {
    470475        display: block;
    471476        font-weight: 600;
    472477        font-size: 1.2em;
     
    543548        .about__container .about__header-text {
    544549                font-size: 1.4em;
    545550        }
    546 }
    547551
    548 @media screen and (max-width: 600px) {
    549552        .about__header {
    550553                display: block;
    551                 min-height: unset;
    552                 max-height: unset;
     554                min-height: none;
     555                max-height: none;
    553556                height: auto;
    554557        }
    555558
     
    561564                padding-top: 80%;
    562565                padding-bottom: 0;
    563566                -webkit-writing-mode: initial;
    564                 -ms-writing-mode: initial;
     567                -ms-writing-mode: lr-tb;
    565568                writing-mode: initial;
    566569                transform: none;
    567570        }
    568571
     572        .rtl .about__header-title {
     573                -ms-writing-mode: rl-tb;
     574        }
     575
     576        .about__header-title p {
     577                font-size: 4em;
     578        }
     579
    569580        .about__header-text {
    570581                text-align: left;
    571582        }
     
    578589}
    579590
    580591@media screen and (max-width: 480px) {
     592        .about__header-title p {
     593                font-size: 3.2em;
     594        }
     595
    581596        .about__header-navigation .nav-tab {
    582597                float: none;
    583598                display: block;
  • src/wp-admin/freedoms.php

    diff --git a/src/wp-admin/freedoms.php b/src/wp-admin/freedoms.php
    index c9bc298866..454a647c0d 100644
    a b require_once ABSPATH . 'wp-admin/admin-header.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">
    require_once ABSPATH . 'wp-admin/admin-header.php'; 
    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

    diff --git a/src/wp-admin/privacy.php b/src/wp-admin/privacy.php
    index 09248661bb..2ef4258e33 100644
    a b require_once ABSPATH . 'wp-admin/admin-header.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">
    require_once ABSPATH . 'wp-admin/admin-header.php'; 
    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