mirror_php/wordpress
1
0
Fork 0
mirror of git://develop.git.wordpress.org/ synced 2025-04-06 21:23:29 +02:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

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

Browse Source 
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.

Reviewed-by joemcgill, jorbin.
Merges [59772] to 6.7 brnch.

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


git-svn-id: https://develop.svn.wordpress.org/branches/6.7@59779 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Aaron Jorbin 2025-02-07 16:16:16 +00:00
parent df2d403ce0
commit 2f50ba2501
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/wp-admin/css/common.css
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;

3
src/wp-admin/css/customize-controls.css
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. */