General: Add styles for extender usage of do_accordion_section().
Some checks are pending
Cleanup Pull Requests / Clean up pull requests (push) Waiting to run
Coding Standards / PHP coding standards (push) Waiting to run
Coding Standards / JavaScript coding standards (push) Waiting to run
Coding Standards / Slack Notifications (push) Blocked by required conditions
Coding Standards / Failed workflow tasks (push) Blocked by required conditions
End-to-end Tests / Test with SCRIPT_DEBUG disabled (push) Waiting to run
End-to-end Tests / Test with SCRIPT_DEBUG enabled (push) Waiting to run
End-to-end Tests / Slack Notifications (push) Blocked by required conditions
End-to-end Tests / Failed workflow tasks (push) Blocked by required conditions
JavaScript Tests / QUnit Tests (push) Waiting to run
JavaScript Tests / Slack Notifications (push) Blocked by required conditions
JavaScript Tests / Failed workflow tasks (push) Blocked by required conditions
Local Docker Environment / Build Test Matrix (push) Waiting to run
Local Docker Environment / PHP ${{ matrix.php }} (push) Blocked by required conditions
Local Docker Environment / Slack Notifications (push) Blocked by required conditions
Local Docker Environment / Failed workflow tasks (push) Blocked by required conditions
Performance Tests / Determine Matrix (push) Waiting to run
Performance Tests / ${{ matrix.multisite && 'Multisite' || 'Single Site' }} ${{ matrix.memcached && 'Memcached' || 'Default' }} (push) Blocked by required conditions
Performance Tests / Compare (push) Blocked by required conditions
Performance Tests / Slack Notifications (push) Blocked by required conditions
Performance Tests / Failed workflow tasks (push) Blocked by required conditions
PHP Compatibility / Check PHP compatibility (push) Waiting to run
PHP Compatibility / Slack Notifications (push) Blocked by required conditions
PHP Compatibility / Failed workflow tasks (push) Blocked by required conditions
PHPUnit Tests / PHP 7.2 (push) Waiting to run
PHPUnit Tests / PHP 7.3 (push) Waiting to run
PHPUnit Tests / PHP 7.4 (push) Waiting to run
PHPUnit Tests / PHP 8.0 (push) Waiting to run
PHPUnit Tests / PHP 8.1 (push) Waiting to run
PHPUnit Tests / PHP 8.2 (push) Waiting to run
PHPUnit Tests / PHP 8.3 (push) Waiting to run
PHPUnit Tests / PHP 8.4 (push) Waiting to run
PHPUnit Tests / html-api-html5lib-tests (push) Waiting to run
PHPUnit Tests / Slack Notifications (push) Blocked by required conditions
PHPUnit Tests / Failed workflow tasks (push) Blocked by required conditions
Test Build Processes / Core running from build (push) Waiting to run
Test Build Processes / Core running from src (push) Waiting to run
Test Build Processes / Gutenberg running from build (push) Waiting to run
Test Build Processes / Gutenberg running from src (push) Waiting to run
Test Build Processes / Slack Notifications (push) Blocked by required conditions
Test Build Processes / Failed workflow tasks (push) Blocked by required conditions

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.

git-svn-id: https://develop.svn.wordpress.org/trunk@59772 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Joe Dolson 2025-02-06 22:24:51 +00:00
parent 4b05a83848
commit b5b4e3ada6
2 changed files with 20 additions and 3 deletions

View File

@ -2433,6 +2433,12 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.accordion-container h3.accordion-section-title {
padding: 0 !important;
}
.accordion-section-title button.accordion-trigger,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
background: inherit;
color: #1d2327;
@ -2446,27 +2452,38 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
line-height: 1.5;
cursor: pointer;
}
.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
box-shadow: 0 0 0 2px #2271b1;
outline: 2px solid transparent;
}
.accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
position: absolute;
right: 10px;
left: auto;
color: #787c82;
border-radius: 50px;
top: 50%;
transform: translateY(-50%);
}
.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
color: #1d2327;
}
.accordion-section-title span.dashicons.dashicons-arrow-down::before,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
position: relative;
left: -1px;
}
.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: rotate(180deg);
transform: rotate(180deg) translate(0, 50%);
}
#templateside ul li a {
@ -3648,7 +3665,6 @@ img {
.accordion-section-title {
margin: 0;
padding: 12px 15px 15px;
position: relative;
border-left: 1px solid #dcdcde;
border-right: 1px solid #dcdcde;

View File

@ -431,6 +431,7 @@ body.trashing #publish-settings {
border-right: none;
border-bottom: none;
cursor: default;
padding: 10px 10px 11px 14px;
}
#customize-controls .customize-info.open .accordion-section-title:after,
@ -1727,7 +1728,7 @@ p.customize-section-description {
border-left: none;
border-right: none;
margin: 0 0 15px;
padding-right: 100px; /* Space for the button */
padding: 12px 100px 15px 15px; /* Space for the button */
}
#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */