Make WordPress Core

Ticket #62215: 62215.2.diff

File 62215.2.diff, 3.8 KB (added by joedolson, 4 weeks ago)

Update styling

  • src/wp-admin/css/customize-controls.css

     
    446446#customize-controls .customize-info .preview-notice {
    447447        font-size: 13px;
    448448        line-height: 1.9;
     449        margin: 0;
     450        font-weight: 400;
     451        color: #50575e;
    449452}
    450453
    451454#customize-controls .customize-pane-child .customize-section-title h3,
     
    26402643
    26412644#available-widgets .customize-section-title,
    26422645#available-menu-items .customize-section-title {
     2646        border: 0;
     2647        clip: rect(1px, 1px, 1px, 1px);
     2648        clip-path: inset(50%);
     2649        height: 1px;
     2650        margin: -1px;
     2651        overflow: hidden;
     2652        padding: 0;
     2653        position: absolute;
     2654        width: 1px;
     2655        word-wrap: normal !important;
     2656}
     2657
     2658#available-widgets .customize-section-title button,
     2659#available-menu-items .customize-section-title button {
    26432660        display: none;
    26442661}
    26452662
     
    29762993
    29772994        #available-widgets .customize-section-title,
    29782995        #available-menu-items .customize-section-title {
    2979                 display: block;
     2996                border: 0;
     2997                clip: auto;
     2998                clip-path: none;
     2999                height: inherit;
    29803000                margin: 0;
     3001                overflow: hidden;
     3002                padding: 0;
     3003                width: auto;
     3004                position: static;
    29813005        }
    29823006
     3007        #available-widgets .customize-section-title button,
     3008        #available-menu-items .customize-section-title button {
     3009                display: block;
     3010        }
     3011
    29833012        #available-widgets .customize-section-back,
    29843013        #available-menu-items .customize-section-back {
    29853014                height: 69px;
  • src/wp-admin/customize.php

     
    233233                        <div class="wp-full-overlay-sidebar-content" tabindex="-1">
    234234                                <div id="customize-info" class="accordion-section customize-info" data-block-theme="<?php echo (int) wp_is_block_theme(); ?>">
    235235                                        <div class="accordion-section-title">
    236                                                 <span class="preview-notice">
     236                                                <h2 class="preview-notice">
    237237                                                <?php
    238238                                                        /* translators: %s: The site/panel title in the Customizer. */
    239239                                                        printf( __( 'You are customizing %s' ), '<strong class="panel-title site-title">' . get_bloginfo( 'name', 'display' ) . '</strong>' );
    240240                                                ?>
    241                                                 </span>
     241                                                </h2>
    242242                                                <button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text">
    243243                                                        <?php
    244244                                                        /* translators: Hidden accessibility text. */
  • src/wp-includes/class-wp-customize-nav-menus.php

     
    12221222                $id = sprintf( 'available-menu-items-%s-%s', $available_item_type['type'], $available_item_type['object'] );
    12231223                ?>
    12241224                <div id="<?php echo esc_attr( $id ); ?>" class="accordion-section">
    1225                         <h4 class="accordion-section-title" role="presentation">
     1225                        <h4 class="accordion-section-title">
    12261226                                <button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="<?php echo esc_attr( $id ); ?>-content">
    12271227                                        <?php echo esc_html( $available_item_type['title'] ); ?>
    12281228                                        <span class="spinner"></span>
     
    12571257        protected function print_custom_links_available_menu_item() {
    12581258                ?>
    12591259                <div id="new-custom-menu-item" class="accordion-section">
    1260                         <h4 class="accordion-section-title" role="presentation">
     1260                        <h4 class="accordion-section-title">
    12611261                                <button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="new-custom-menu-item-content">
    12621262                                        <?php _e( 'Custom Links' ); ?>
    12631263                                        <span class="toggle-indicator" aria-hidden="true"></span>