Make WordPress Core

Ticket #49295: 49295.9.diff

File 49295.9.diff, 5.5 KB (added by sabernhardt, 5 years ago)

header: moving h1 tag to other text while maintaining previous styles, editing breakpoint for mobile layout, and adding fixes for Internet Explorer and/or RTL languages

  • 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
  • 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">
     
    4444
    4545        <div class="about__section">
    4646                <div class="column">
    47                         <h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2>
     47                        <h1><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h1>
    4848
    4949                        <p>
    5050                                <?php
  • 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 {
     
    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;
    308310}
    309311
     312.about-php .about__section h1 {
     313        color: inherit;
     314        font-size: inherit;
     315        line-height: inherit;
     316        margin-bottom: 1rem;
     317}
     318
     319.about__section h1,
    310320.about__container h2 {
    311321        margin-top: 0;
    312322        font-size: 1.4em;
     323        line-height: 1.4;
    313324}
    314325
    315326.about__container h3 {
     
    322333        line-height: inherit;
    323334}
    324335
     336.about__header-title p {
     337        font-size: 5em;
     338        line-height: 1;
     339        margin: 0;
     340}
     341
    325342.about__section a {
    326343        color: #1730e5;
    327344        color: var(--accent-1);
     
    396413}
    397414
    398415@media screen and (max-width: 782px) {
    399         .about__container h1 {
     416        .about__header-title p {
    400417                font-size: 4em;
    401418        }
    402419}
    403420
    404421@media screen and (max-width: 480px) {
    405         .about__container h1 {
     422        .about__header-title p {
    406423                font-size: 3.2em;
    407424        }
    408425
     
    452469        -ms-writing-mode: tb-rl;
    453470        writing-mode: vertical-rl;
    454471        transform: rotate(180deg);
     472        direction: ltr;
    455473}
    456474
     475/* rtl:ignore */
     476.rtl .about__header-title {
     477        transform: none;
     478        direction: rtl;
     479}
     480
    457481/* Needs to be inline-block to use vertical-align, needs specificity to override flex. */
    458482.about__header .about__header-title {
    459483        display: inline-block;
     
    460484        vertical-align: top;
    461485}
    462486
    463 .about__header-title h1 {
     487.about__header-title p {
    464488        padding: 0;
    465489        color: #1730e5;
    466490        color: var(--accent-1);
    467491}
    468492
    469 .about__header-title h1 span {
     493.about__header-title p span {
    470494        display: block;
    471495        font-weight: 600;
    472496        font-size: 1.2em;
     
    543567        .about__container .about__header-text {
    544568                font-size: 1.4em;
    545569        }
    546 }
    547570
    548 @media screen and (max-width: 600px) {
    549571        .about__header {
    550572                display: block;
    551                 min-height: unset;
    552                 max-height: unset;
     573                min-height: none;
     574                max-height: none;
    553575                height: auto;
    554576        }
    555577
     
    561583                padding-top: 80%;
    562584                padding-bottom: 0;
    563585                -webkit-writing-mode: initial;
    564                 -ms-writing-mode: initial;
     586                -ms-writing-mode: lr-tb;
    565587                writing-mode: initial;
    566588                transform: none;
    567589        }
    568590
     591        .rtl .about__header-title {
     592                -ms-writing-mode: rl-tb;
     593        }
     594
    569595        .about__header-text {
    570596                text-align: left;
    571597        }
  • 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