Make WordPress Core

Changeset 51418


Ignore:
Timestamp:
07/13/2021 03:38:12 PM (4 years ago)
Author:
ryelle
Message:

Help/About: Update the About page for 5.8.

Use a larger image for theme.json on retina screens, and update the spacing of sections on the page.

Props javiarce.
See #52775.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/about.php

    r51413 r51418  
    4848
    4949        <div class="about__section has-2-columns is-wider-left">
    50             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     50            <div class="column about__image is-vertically-aligned-center">
    5151                <img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" />
    5252            </div>
     
    6767        </div>
    6868
    69         <hr />
    70 
    7169        <div class="about__section has-2-columns is-wider-right">
    7270            <div class="column">
     
    7876                </p>
    7977            </div>
    80             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     78            <div class="column about__image is-vertically-aligned-center">
    8179                <img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" />
    8280            </div>
    8381        </div>
    8482
    85         <hr />
    86 
    87         <div class="about__section has-2-columns is-wider-left">
    88             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     83        <div class="about__section has-2-columns is-wider-left">
     84            <div class="column about__image is-vertically-aligned-center">
    8985                <img src="https://s.w.org/images/core/5.8/about-template.png" alt="" />
    9086            </div>
     
    110106
    111107        <div class="about__section has-2-columns is-wider-left">
    112             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     108            <div class="column about__image is-vertically-aligned-center">
    113109                <img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" />
    114110            </div>
     
    125121        </div>
    126122
    127         <hr />
    128 
    129123        <div class="about__section has-2-columns is-wider-right">
    130124            <div class="column">
     
    138132                </p>
    139133            </div>
    140             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     134            <div class="column about__image is-vertically-aligned-center">
    141135                <img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" />
    142136            </div>
    143137        </div>
    144138
    145         <hr />
    146 
    147         <div class="about__section has-2-columns is-wider-left">
    148             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     139        <div class="about__section has-2-columns is-wider-left">
     140            <div class="column about__image is-vertically-aligned-center">
    149141                <img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" />
    150142            </div>
     
    164156
    165157        <div class="about__section">
    166             <h2 class="aligncenter">
     158            <h2 class="aligncenter" style="margin-bottom:0;">
    167159                <?php _e( 'For Developers to Explore' ); ?>
    168160            </h2>
    169             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    170                 <img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="" />
     161            <div class="column about__image is-vertically-aligned-center">
     162                <picture>
     163                    <source srcset="https://s.w.org/images/core/5.8/about-theme-json.png, https://s.w.org/images/core/5.8/about-theme-json-2x.png 2x">
     164                    <img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="">
     165                </picture>
    171166            </div>
    172167        </div>
     
    188183            </div>
    189184        </div>
    190 
    191         <hr />
    192185
    193186        <div class="about__section has-3-columns">
Note: See TracChangeset for help on using the changeset viewer.