enmi-conf.org: comparison wp/wp-admin/css/common.css

equal deleted inserted replaced

-:48c4eec2b7e6
+:8c2e4d02f4ef
 /* Hide visually but not from screen readers */
 .screen-reader-text,
 .screen-reader-text span,
 .ui-helper-hidden-accessible {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 .privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
 	color: #b32d2e;
 	border: none;
 }
+.application-password-display .success {
+color: #007017;
+margin-left: 0.5rem;
+}
 /*------------------------------------------------------------------------------
 3.0 - Actions
 ------------------------------------------------------------------------------*/
 #major-publishing-actions {
 	flex-wrap: wrap;
 	justify-content: space-between;
 	align-items: center;
 }
-.wp-filter .search-form.search-plugins {
-	/* This element is a flex item: the inherited float won't have any effect. */
-	margin-top: 0;
-}
 .wp-filter .search-form.search-plugins select,
 .wp-filter .search-form.search-plugins .wp-filter-search,
 .no-js .wp-filter .search-form.search-plugins .button {
 	display: inline-block;
 	vertical-align: top;
 	margin: 0 -10px 0 -20px;
 	padding: 20px;
 	border-top: 1px solid #f0f0f1;
 	background: #f6f7f7;
 	overflow: hidden;
+}
+.wp-filter .favorites-form .favorites-username {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+}
+.wp-filter .favorites-form .favorites-username input {
+	margin: 0;
 }
 .show-filters .filter-drawer,
 .show-favorites-form .favorites-form {
 	display: block;
 .filtered-by a {
 	margin-left: 10px;
 }
 .filtered-by .tags {
-	display: inline;
+	display: flex;
+	align-items: flex-start;
+	flex-wrap: wrap;
+	gap: 8px;
 }
 .filtered-by .tag {
-	margin: 0 5px;
 	padding: 4px 8px;
 	border: 1px solid #dcdcde;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	font-size: 11px;
 .filters-applied .filter-drawer br {
 	display: none;
 }
 .filters-applied .filtered-by {
-	display: block;
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 10px;
 }
 .filters-applied .filter-drawer {
 	padding: 20px;
 }
 .loading-content .spinner {
 	display: block;
 	margin: 40px auto 0;
 	float: none;
+}
+@media only screen and (max-width: 1138px) {
+	.wp-filter .search-form {
+		margin: 11px 0;
+	}
 }
 @media only screen and (max-width: 1120px) {
 	.filter-drawer {
 		border-bottom: 1px solid #f0f0f1;
 /*------------------------------------------------------------------------------
 8.0 - Layout Blocks
 ------------------------------------------------------------------------------*/
 html.wp-toolbar {
-	padding-top: 32px;
+	padding-top: var(--wp-admin--admin-bar--height);
 	box-sizing: border-box;
 	-ms-overflow-style: scrollbar; /* See ticket #48545 */
 }
 .widefat th,
 	line-height: 1.4;
 }
 /* Back-compat for nav-menus screen */
 .nav-menus-php .metabox-holder h3 {
+	padding: 0;
+}
+.accordion-container h3.accordion-section-title {
+	padding: 0 !important;
+}
+.accordion-section-title button.accordion-trigger,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
+	background: inherit;
+	color: #1d2327;
+	display: block;
+	position: relative;
+	text-align: left;
+	width: 100%;
+	outline: none;
+	border: 0;
 	padding: 10px 10px 11px 14px;
 	line-height: 1.5;
+	cursor: pointer;
+}
+.accordion-section-title button.accordion-trigger:focus,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
+	box-shadow: 0 0 0 2px #2271b1;
+	outline: 2px solid transparent;
+}
+.accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
+	position: absolute;
+	right: 10px;
+	left: auto;
+	color: #787c82;
+	border-radius: 50px;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
+	color: #1d2327;
+}
+.accordion-section-title span.dashicons.dashicons-arrow-down::before,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
+	position: relative;
+	left: -1px;
+}
+.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
+	transform: rotate(180deg) translate(0, 50%);
 }
 #templateside ul li a {
 	text-decoration: none;
 }
 	margin: 25px;
 }
 /* @todo: can we use a common class for these? */
 .nav-menus-php .item-edit:before,
-.widget-top .widget-action .toggle-indicator:before,
+.wp-customizer .control-section .accordion-section-title:after,
-.control-section .accordion-section-title:after,
+.wp-customizer .accordion-section-title:after,
-.accordion-section-title:after {
+.widget-top .widget-action .toggle-indicator:before {
 	content: "\f140";
 	font: normal 20px/1 dashicons;
 	speak: never;
 	display: block;
 	-webkit-font-smoothing: antialiased;
 }
 .handlediv,
 .postbox .handlediv.button-link,
 .item-edit,
-.toggle-indicator,
+.toggle-indicator {
-.accordion-section-title:after {
 	color: #787c82;
 }
 .widget-action {
 	color: #50575e; /* #fafafa background in the Widgets screen */
 .handlediv:focus,
 .postbox .handlediv.button-link:hover,
 .postbox .handlediv.button-link:focus,
 .item-edit:hover,
 .item-edit:focus,
-.sidebar-name:hover .toggle-indicator,
+.sidebar-name:hover .toggle-indicator {
-.accordion-section-title:hover:after {
 	color: #1d2327;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
 	box-shadow: 0 0 0 2px #2271b1;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
-.control-section .accordion-section-title:after,
-.accordion-section-title:after {
-	float: right;
-	right: 20px;
-	top: -2px;
-}
-.control-section.open .accordion-section-title:after,
 #customize-info.open .accordion-section-title:after,
 .nav-menus-php .menu-item-edit-active .item-edit:before,
 .widget.open .widget-top .widget-action .toggle-indicator:before,
 .widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
 	content: "\f142";
 	background: #fff;
 }
 .accordion-section-title {
 	margin: 0;
-	padding: 12px 15px 15px;
 	position: relative;
 	border-left: 1px solid #dcdcde;
 	border-right: 1px solid #dcdcde;
 	-webkit-user-select: none;
 	user-select: none;
 }
 @media screen and (max-width: 782px) {
 	html.wp-toolbar {
-		padding-top: 46px;
+		padding-top: var(--wp-admin--admin-bar--height);
 	}
 	.screen-reader-shortcut:focus {
 		top: -39px;
+	}
+	.block-editor-page .screen-reader-shortcut:focus {
+		top: 7px;
 	}
 	body {
 		min-width: 240px;
 		overflow-x: hidden;
 	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
 	.metabox-holder h2 {
 		padding: 12px;
 	}
+	.nav-menus-php .metabox-holder h3 {
+		padding: 0;
+	}
 	.postbox .handlediv {
 		margin-top: 3px;
 	}
 	/* Subsubsub Nav */

changeset 22	8c2e4d02f4ef
parent 21	48c4eec2b7e6