enmi-conf.org: comparison wp/wp-admin/css/customize-controls.css

equal deleted inserted replaced

-:48c4eec2b7e6
+:8c2e4d02f4ef
 	margin-left: auto;
 	margin-right: auto;
 	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);
 	line-height: 1.5;
 	overflow-y: auto;
 	text-align: left;
 	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;
 }
 .date-time-fields .date-input.hour,
 .date-time-fields .date-input.minute {
 	width: 46px;
 }
+.customize-control-date_time select {
+	vertical-align: top;
+}
 .date-time-fields .date-input.year {
 	width: 65px;
 }
 .date-time-fields .date-input.meridian {
 	background: #fff;
 	border-bottom: 1px solid #dcdcde;
 	margin-bottom: 0;
 }
+#customize-control-site_icon .customize-control-description,
 #customize-control-changeset_scheduled_date .customize-control-description {
 	font-style: normal;
 }
 #customize-controls .customize-info.is-in-view,
 	color: #50575e;
 	border-left: none;
 	border-right: none;
 	border-bottom: none;
 	cursor: default;
+	padding: 10px 10px 11px 14px;
 }
 #customize-controls .customize-info.open .accordion-section-title:after,
 #customize-controls .customize-info .accordion-section-title:hover:after,
 #customize-controls .customize-info .accordion-section-title:focus:after {
 }
 #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,
 #customize-controls .customize-pane-child h3.customize-section-title,
 #customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
 		.15s color ease-in-out,
 		.15s background-color ease-in-out,
 		.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 {
 		transition: none;
 	}
 #customize-theme-controls .accordion-section-title:after,
 #customize-outer-theme-controls .accordion-section-title:after {
 	content: "\f345";
 	color: #a7aaad;
+	pointer-events: none;
 }
 #customize-theme-controls .accordion-section-content,
 #customize-outer-theme-controls .accordion-section-content {
 	color: #50575e;
 	background: transparent;
 }
 #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;
 }
 	border-top: 4px solid #f0f0f1;
 	border-right: 1px solid #dcdcde;
 	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;
 .customize-control-header .current,
 .customize-control .wp-media-wrapper.wp-video {
 	line-height: 0;
 }
-/* Remove descender space. */
-.customize-control-site_icon .favicon-preview .browser-preview {
-	vertical-align: top;
-}
 .customize-control .thumbnail-image img {
 	cursor: pointer;
 }
 	border-top: 1px solid #dcdcde;
 	border-bottom: 1px solid #dcdcde;
 	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. */
 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
 	border-top: 0;
 	border-right: 1px solid #dcdcde;
 }
 #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;
 }
 #available-widgets-list {
 	top: 82px;
 		width: 100%;
 	}
 	#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,
 	#available-menu-items .customize-section-back {
 		height: 69px;

changeset 22	8c2e4d02f4ef
parent 21	48c4eec2b7e6