wp/wp-admin/css/customize-controls-rtl.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
--- a/wp/wp-admin/css/customize-controls-rtl.css	Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-admin/css/customize-controls-rtl.css	Fri Sep 05 18:52:52 2025 +0200
@@ -32,7 +32,7 @@
 	max-width: 366px;
 	min-height: 64px;
 	width: auto;
-	padding: 25px 109px 25px 25px;
+	padding: 25px;
 	position: relative;
 	background: #fff;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
@@ -42,6 +42,10 @@
 	top: calc( 50% - 100px );
 }
 
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message.has-avatar {
+	padding-right: 109px;
+}
+
 #customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
 	margin-top: 0;
 }
@@ -362,6 +366,10 @@
 	width: 46px;
 }
 
+.customize-control-date_time select {
+	vertical-align: top;
+}
+
 .date-time-fields .date-input.year {
 	width: 65px;
 }
@@ -394,6 +402,7 @@
 	margin-bottom: 0;
 }
 
+#customize-control-site_icon .customize-control-description,
 #customize-control-changeset_scheduled_date .customize-control-description {
 	font-style: normal;
 }
@@ -427,6 +436,7 @@
 	border-left: none;
 	border-bottom: none;
 	cursor: default;
+	padding: 10px 14px 11px 10px;
 }
 
 #customize-controls .customize-info.open .accordion-section-title:after,
@@ -442,6 +452,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,
@@ -549,6 +562,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 14px 11px 30px;
+	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 {
@@ -566,6 +597,7 @@
 #customize-outer-theme-controls .accordion-section-title:after {
 	content: "\f341";
 	color: #a7aaad;
+	pointer-events: none;
 }
 
 #customize-theme-controls .accordion-section-content,
@@ -575,9 +607,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-right-color: #2271b1;
@@ -811,13 +843,18 @@
 	color: #3c434a;
 	text-align: right;
 	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;
@@ -1067,10 +1104,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;
@@ -1708,7 +1741,7 @@
 	border-right: none;
 	border-left: none;
 	margin: 0 0 15px;
-	padding-left: 100px; /* Space for the button */
+	padding: 12px 15px 15px 100px; /* Space for the button */
 }
 
 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
@@ -2621,6 +2654,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;
 }
 
@@ -2957,8 +3003,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,