Make WordPress Core

Changeset 59772


Ignore:
Timestamp:
02/06/2025 10:24:51 PM (7 hours ago)
Author:
joedolson
Message:

General: Add styles for extender usage of do_accordion_section().

Follow up to [59224]. Add CSS to cover usage of the do_accordion_section() function when used in extender contexts outside of the existing WordPress core usage.

Props mboynes, jorbin, joemcgill, joedolson.
Fixes #62907.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/common.css

    r59706 r59772  
    24342434    padding: 0;
    24352435}
     2436
     2437.accordion-container h3.accordion-section-title {
     2438    padding: 0 !important;
     2439}
     2440
     2441.accordion-section-title button.accordion-trigger,
    24362442.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
    24372443    background: inherit;
     
    24472453    cursor: pointer;
    24482454}
     2455
     2456.accordion-section-title button.accordion-trigger:focus,
    24492457.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
    24502458    box-shadow: 0 0 0 2px #2271b1;
    24512459    outline: 2px solid transparent;
    24522460}
     2461
     2462.accordion-section-title span.dashicons.dashicons-arrow-down,
    24532463.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
    24542464    position: absolute;
     
    24572467    color: #787c82;
    24582468    border-radius: 50px;
    2459 }
     2469    top: 50%;
     2470    transform: translateY(-50%);
     2471}
     2472
     2473.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
    24602474.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
    24612475    color: #1d2327;
    24622476}
     2477
     2478.accordion-section-title span.dashicons.dashicons-arrow-down::before,
    24632479.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
    24642480    position: relative;
     
    24662482}
    24672483
     2484.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
    24682485.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
    2469     transform: rotate(180deg);
     2486    transform: rotate(180deg) translate(0, 50%);
    24702487}
    24712488
     
    36493666.accordion-section-title {
    36503667    margin: 0;
    3651     padding: 12px 15px 15px;
    36523668    position: relative;
    36533669    border-left: 1px solid #dcdcde;
  • trunk/src/wp-admin/css/customize-controls.css

    r59510 r59772  
    432432    border-bottom: none;
    433433    cursor: default;
     434    padding: 10px 10px 11px 14px;
    434435}
    435436
     
    17281729    border-right: none;
    17291730    margin: 0 0 15px;
    1730     padding-right: 100px; /* Space for the button */
     1731    padding: 12px 100px 15px 15px; /* Space for the button */
    17311732}
    17321733
Note: See TracChangeset for help on using the changeset viewer.