mirror_php/wordpress
1
0
Fork 0
mirror of git://develop.git.wordpress.org/ synced 2025-04-05 04:33:18 +02:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

Customizer: Fix layout issues in customizer accordions.

Browse Source 
Adjust some CSS characteristics in the customizer accordions to avoid a slight horizontal scroll, allow the chevron icon to be part of the clickable control surface, and resolve a pre-existing padding issue allowing overflow on accordion headings.

Follow up to [59224].

Reviewed by desrosj, joedolson.
Merges [59409] to the 6.7 branch.

Props laurelfulford, wildworks, domainsupport, sabernhardt, rcreators, desrosj, sainathpoojary. 
Fixes #62313, #62335.

git-svn-id: https://develop.svn.wordpress.org/branches/6.7@59420 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers 2024-11-19 13:41:44 +00:00
parent 5e986aee57
commit 8a234cc061
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-admin/css/common.css
View File

@ -2462,7 +2462,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
}
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
position: relative;
left: -1px
left: -1px;
}
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {

7
src/wp-admin/css/customize-controls.css
View File

@ -553,7 +553,8 @@ body.trashing #publish-settings {
.15s border-color ease-in-out;
}
.accordion-section-title:has(button.accordion-trigger) {
.accordion-section-title:has(button.accordion-trigger),
#customize-controls .current-panel .control-section > h3.accordion-section-title:has(button.accordion-trigger) {
padding: 0;
}
@ -561,9 +562,10 @@ body.trashing #publish-settings {
all: unset;
width: 100%;
height: 100%;
padding: 10px 10px 11px 14px;
padding: 10px 30px 11px 14px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.accordion-section-title button.accordion-trigger:has(.menu-in-location) {
@ -587,6 +589,7 @@ body.trashing #publish-settings {
#customize-outer-theme-controls .accordion-section-title:after {
content: "\f345";
color: #a7aaad;
pointer-events: none;
}
#customize-theme-controls .accordion-section-content,