diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-admin/css/customize-controls.css --- a/wp/wp-admin/css/customize-controls.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-admin/css/customize-controls.css Fri Sep 05 18:52:52 2025 +0200 @@ -31,7 +31,7 @@ max-width: 366px; min-height: 64px; width: auto; - padding: 25px 25px 25px 109px; + padding: 25px; position: relative; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); @@ -41,6 +41,10 @@ top: calc( 50% - 100px ); } +#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message.has-avatar { + padding-left: 109px; +} + #customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing { margin-top: 0; } @@ -361,6 +365,10 @@ width: 46px; } +.customize-control-date_time select { + vertical-align: top; +} + .date-time-fields .date-input.year { width: 65px; } @@ -393,6 +401,7 @@ margin-bottom: 0; } +#customize-control-site_icon .customize-control-description, #customize-control-changeset_scheduled_date .customize-control-description { font-style: normal; } @@ -426,6 +435,7 @@ border-right: none; border-bottom: none; cursor: default; + padding: 10px 10px 11px 14px; } #customize-controls .customize-info.open .accordion-section-title:after, @@ -441,6 +451,9 @@ #customize-controls .customize-info .preview-notice { font-size: 13px; line-height: 1.9; + margin: 0; + font-weight: 400; + color: #50575e; } #customize-controls .customize-pane-child .customize-section-title h3, @@ -548,6 +561,24 @@ .15s border-color ease-in-out; } +.accordion-section-title:has(button.accordion-trigger), +#customize-controls .current-panel .control-section > h3.accordion-section-title:has(button.accordion-trigger) { + padding: 0; +} + +.accordion-section-title button.accordion-trigger { + all: unset; + width: 100%; + padding: 10px 30px 11px 14px; + display: flex; + align-items: center; + box-sizing: border-box; +} + +.accordion-section-title button.accordion-trigger:has(.menu-in-location) { + display: block; +} + @media (prefers-reduced-motion: reduce) { #customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title { @@ -565,6 +596,7 @@ #customize-outer-theme-controls .accordion-section-title:after { content: "\f345"; color: #a7aaad; + pointer-events: none; } #customize-theme-controls .accordion-section-content, @@ -574,9 +606,9 @@ } #customize-controls .control-section:hover > .accordion-section-title, -#customize-controls .control-section .accordion-section-title:hover, +#customize-controls .control-section .accordion-section-title button:hover, #customize-controls .control-section.open .accordion-section-title, -#customize-controls .control-section .accordion-section-title:focus { +#customize-controls .control-section .accordion-section-title button:focus { color: #2271b1; background: #f6f7f7; border-left-color: #2271b1; @@ -810,13 +842,18 @@ color: #3c434a; text-align: left; cursor: pointer; - transition: - color .15s ease-in-out, - border-color .15s ease-in-out, - background .15s ease-in-out; box-sizing: content-box; } +@media (prefers-reduced-motion: no-preference) { + .customize-controls-close { + transition: + color .15s ease-in-out, + border-color .15s ease-in-out, + background .15s ease-in-out; + } +} + .customize-panel-back, .customize-section-back { display: block; @@ -1066,10 +1103,6 @@ line-height: 0; } -/* Remove descender space. */ -.customize-control-site_icon .favicon-preview .browser-preview { - vertical-align: top; -} .customize-control .thumbnail-image img { cursor: pointer; @@ -1707,7 +1740,7 @@ 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. */ @@ -2620,6 +2653,19 @@ #available-widgets .customize-section-title, #available-menu-items .customize-section-title { + border: 0; + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +#available-widgets .customize-section-title button, +#available-menu-items .customize-section-title button { display: none; } @@ -2956,8 +3002,19 @@ #available-widgets .customize-section-title, #available-menu-items .customize-section-title { + border: 0; + clip-path: none; + height: inherit; + margin: 0; + overflow: hidden; + padding: 0; + width: auto; + position: static; + } + + #available-widgets .customize-section-title button, + #available-menu-items .customize-section-title button { display: block; - margin: 0; } #available-widgets .customize-section-back,