WordPress.org

Make WordPress Core

Ticket #47708: 47708.20.diff

File 47708.20.diff, 8.6 KB (added by SergeyBiryukov, 23 months ago)
  • src/wp-admin/about.php

     
    2626                                </h1>
    2727                        </div>
    2828
    29                         <div class="about__header-badge">
    30                                 <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
    31                         </div>
     29                        <div class="about__header-badge"></div>
    3230
    3331                        <div class="about__header-text">
    3432                                <p>
     
    5250
    5351                <div class="about__section is-feature">
    5452                        <p>
    55                                 <?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
     53                                <?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with a new block, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
    5654                        </p>
    5755                </div>
    5856
     
    9290                                        <li><?php _e( 'The new Group block lets you easily divide your page into colorful sections' ); ?></li>
    9391                                        <li><?php _e( 'The Columns block now supports fixed column widths' ); ?></li>
    9492                                        <li><?php _e( 'The new Predefined layouts make it a cinch to arrange content into advanced designs' ); ?></li>
    95                                         <li><?php _e( 'Heading blocks now offer controls for text and background color' ); ?></li>
     93                                        <li><?php _e( 'Heading blocks now offer controls for text color' ); ?></li>
    9694                                        <li><?php _e( 'Additional style options allow you to set your preferred style for any block that supports this feature' ); ?></li>
    9795                                </ul>
    9896                        </div>
  • src/wp-admin/credits.php

     
    2828                        </h1>
    2929                </div>
    3030
    31                 <div class="about__header-badge">
    32                         <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
    33                 </div>
     31                <div class="about__header-badge"></div>
    3432
    3533                <div class="about__header-text">
    3634                        <p>
  • src/wp-admin/css/about.css

     
    1818   x.5.0 Legacy About Styles: Media Queries
    1919------------------------------------------------------------------------------*/
    2020
    21 :root {
    22         /* Beiges, used as text backgrounds. */
    23         --base-1: #FEFCF7;
    24         --base-2: #F4EFE1;
    25         --base-3: #D7D2C5;
    26         --base-4: #7B776C;
    27         --text: #413E38;
    28         /* Reds, used as accents, backgrounds, etc */
    29         --accent-1: #BD3854;
    30         --accent-2: #5F1B29;
     21.about__container {
     22        /* Section backgrounds */
     23        --background: #f4efe1;
     24        --subtle-background: #d7d2c5;
     25        /* Main text color */
     26        --text: #413e38;
     27        /* Navigation colors. */
     28        --nav-background: #fefcf7;
     29        --nav-color: #716d64;
     30        /* Reds, used as accents & in header. */
     31        --accent-1: #bd3854;
     32        --accent-2: #5f1b29;
    3133        --accent-3: #321017;
    3234}
    3335
     
    3537  1.0 - Global: About, Credits, Freedoms, Privacy
    3638------------------------------------------------------------------------------*/
    3739
     40.about-php,
     41.credits-php,
     42.freedoms-php,
     43.privacy-php {
     44        background: #fff;
     45}
     46
    3847.about-php #wpcontent,
    3948.credits-php #wpcontent,
    4049.freedoms-php #wpcontent,
     
    5564.about__container {
    5665        max-width: 1000px;
    5766        margin: 24px auto;
     67        clear: both;
    5868}
    5969
    6070.about__container .alignleft {
     
    8696
    8797.about__section {
    8898        background: #F4EFE1;
    89         background: var(--base-2);
     99        background: var(--background);
    90100}
    91101
    92102.about__container .has-accent-background-color {
     
    96106
    97107.about__container .has-subtle-background-color {
    98108        background-color: #D7D2C5;
    99         background-color: var(--base-3);
     109        background-color: var(--subtle-background);
    100110}
    101111
    102112/* 1.1 - Layout */
     
    295305        line-height: inherit;
    296306}
    297307
     308.about__section a,
     309.about__section a:hover,
     310.about__section a:active,
     311.about__section a:focus {
     312        color: inherit;
     313}
     314
    298315.about__container ul {
    299316        list-style: disc;
    300317        margin-left: 16px;
     
    325342        border: none;
    326343}
    327344
     345.about__container div.updated,
     346.about__container div.error,
     347.about__container .notice {
     348        display: none !important;
     349}
     350
    328351.about__section {
    329352        font-size: 1.2em;
    330353}
     
    331354
    332355.about__section.is-feature {
    333356        font-size: 1.6em;
    334         font-weight: bold;
     357        font-weight: 600;
    335358}
    336359
    337360@media screen and (max-width: 782px) {
     
    394417
    395418.about__header-title h1 span {
    396419        display: block;
    397         font-weight: bold;
     420        font-weight: 600;
    398421        font-size: 1.2em;
    399422        line-height: 1;
    400423}
     
    425448        background-color: #321017;
    426449        background-color: var(--accent-3);
    427450        color: white;
    428         font-size: 1.6em;
     451        font-size: 1.5em;
    429452        line-height: 1.4;
    430453}
    431454
     
    441464        grid-row: 3;
    442465        padding-top: 0;
    443466        background: #FEFCF7;
    444         background: var(--base-1);
    445         color: #7B776C;
    446         color: var(--base-4);
     467        background: var(--nav-background);
     468        color: #716d64;
     469        color: var(--nav-color);
    447470        border-bottom: 3px solid currentColor;
    448471}
    449472
    450473.about__header-navigation .nav-tab {
    451474        margin-left: 0;
    452         margin-bottom: -3px;
    453475        padding: 24px 32px;
    454476        font-size: 1.4em;
    455477        line-height: 1;
     
    460482        color: inherit;
    461483}
    462484
     485.about__header-navigation .nav-tab:hover,
     486.about__header-navigation .nav-tab:active {
     487        background-color: #F4EFE1;
     488        background-color: var(--background);
     489}
     490
    463491.about__header-navigation .nav-tab-active {
     492        margin-bottom: -3px;
     493        border-width: 0 0 6px;
    464494        color: #BD3854;
    465495        color: var(--accent-1);
    466496        border-color: currentColor;
    467497}
    468498
     499.about__header-navigation .nav-tab-active:hover,
     500.about__header-navigation .nav-tab-active:active {
     501        background-color: transparent;
     502        border-color: currentColor;
     503}
     504
    469505@media screen and (max-width: 782px) {
    470506        .about__container .about__header-text {
    471507                font-size: 1.4em;
     
    505541                border-bottom: none;
    506542                border-left-width: 3px;
    507543                background: #F4EFE1;
    508                 background: var(--base-2);
     544                background: var(--background);
    509545        }
    510546}
    511547
     
    556592
    557593.about__section .wp-person .web {
    558594        font-size: 1.4em;
    559         font-weight: 700;
     595        font-weight: 600;
    560596        text-decoration: none;
    561597        color: #413E38;
    562598        color: var(--text);
     
    575611        margin-top: 0.5em;
    576612}
    577613
     614@media screen and (max-width: 480px) {
     615        .about__section .wp-person {
     616                min-width: 100%;
     617        }
    578618
     619        .about__section .wp-person .gravatar {
     620                width: 60px;
     621                height: 60px;
     622        }
     623
     624        .about__section .wp-person .web {
     625                font-size: 1em;
     626        }
     627
     628        .about__section .compact .wp-person .web {
     629                font-size: 1em;
     630        }
     631}
     632
     633
    579634/*------------------------------------------------------------------------------
    580635  3.0 - Freedoms Page
    581636------------------------------------------------------------------------------*/
     
    684739}
    685740
    686741.about-wrap h2 {
    687         margin: 40px 0 .6em;
     742        margin: 40px 0 0.6em;
    688743        font-size: 2.7em;
    689744        line-height: 1.3;
    690745        font-weight: 300;
     
    692747}
    693748
    694749.about-wrap h3 {
    695         margin: 1.25em 0 .6em;
     750        margin: 1.25em 0 0.6em;
    696751        font-size: 1.4em;
    697752        line-height: 1.5;
    698753}
  • src/wp-admin/freedoms.php

     
    3131                        </h1>
    3232                </div>
    3333
    34                 <div class="about__header-badge">
    35                         <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
    36                 </div>
     34                <div class="about__header-badge"></div>
    3735
    3836                <div class="about__header-text">
    3937                        <p>
  • src/wp-admin/privacy.php

     
    2525                        </h1>
    2626                </div>
    2727
    28                 <div class="about__header-badge">
    29                         <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
    30                 </div>
     28                <div class="about__header-badge"></div>
    3129
    3230                <div class="about__header-text">
    3331                        <p>