WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Customizer: Fix layout issues in customizer accordions. 

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].

Props laurelfulford, wildworks, domainsupport, sabernhardt, rcreators, desrosj, sainathpoojary. 
Fixes #62313, #62335.
Built from https://develop.svn.wordpress.org/trunk@59409


git-svn-id: http://core.svn.wordpress.org/trunk@58795 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson 2024-11-18 02:55:20 +00:00
parent 8f92dfad4d
commit 5a2559365d
7 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2463,7 +2463,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;
right: -1px
right: -1px;
}
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {

2
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
wp-admin/css/customize-controls-rtl.css
View File

@ -554,7 +554,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;
}
@ -562,9 +563,10 @@ body.trashing #publish-settings {
all: unset;
width: 100%;
height: 100%;
padding: 10px 14px 11px 10px;
padding: 10px 14px 11px 30px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.accordion-section-title button.accordion-trigger:has(.menu-in-location) {
@ -588,6 +590,7 @@ body.trashing #publish-settings {
#customize-outer-theme-controls .accordion-section-title:after {
content: "\f341";
color: #a7aaad;
pointer-events: none;
}
#customize-theme-controls .accordion-section-content,

2
wp-admin/css/customize-controls-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
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,

2
wp-admin/css/customize-controls.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.8-alpha-59408';
$wp_version = '6.8-alpha-59409';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.