Making WordPress.org

Changeset 12901


Ignore:
Timestamp:
09/19/2023 10:25:38 PM (14 months ago)
Author:
coffee2code
Message:

Breathe: Show 'X' icon instead of hamburger when secondary nav popup is shown.

Props kajalgohel, coffee2code.
Fixes #6113.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/sidebar-handbook.php

    r3687 r12901  
    1010?>
    1111    <div id="secondary" class="widget-area" role="complementary">
    12         <a href="#" id="secondary-toggle"></a>
     12        <a href="#" id="secondary-toggle"><button aria-label="Close menu" class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button></a>
    1313        <div id="secondary-content">
    1414            <?php do_action( 'before_sidebar' ); ?>
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/sidebar.php

    r9426 r12901  
    1111    <div id="primary-modal"></div>
    1212    <div id="secondary" class="widget-area" role="complementary">
    13         <a href="#" id="secondary-toggle"></a>
     13        <a href="#" id="secondary-toggle"><button aria-label="Close menu" class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button></a>
    1414        <div id="secondary-content">
    1515            <?php do_action( 'before_sidebar' ); ?>
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

    r12665 r12901  
    420420    }
    421421
    422     .responsive-show #secondary-toggle {
     422    #main #secondary-toggle {
     423        margin-left: 4px;
     424        margin-right: 18px;
    423425        margin-top: 22px;
    424426    }
     
    430432
    431433    body.responsive-show #secondary-toggle:before {
     434        content: '';
    432435        color: #0073aa;
    433436    }
     437
     438    #secondary-toggle svg {
     439        background-color: #fff;
     440        fill: #0073aa;
     441        height: 42px;
     442        width: 42px;
     443    }
     444
    434445}
    435446
Note: See TracChangeset for help on using the changeset viewer.