wp/wp-admin/css/widgets.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
--- a/wp/wp-admin/css/widgets.css	Tue Oct 22 16:11:46 2019 +0200
+++ b/wp/wp-admin/css/widgets.css	Tue Dec 15 13:49:49 2020 +0100
@@ -6,6 +6,13 @@
 	box-sizing: border-box;
 }
 
+.widget.open {
+	z-index: 99;
+}
+.widget.open:focus-within {
+	z-index: 100;
+}
+
 .widget-top {
 	font-size: 13px;
 	font-weight: 600;
@@ -18,7 +25,6 @@
 	padding: 10px;
 	background: none;
 	cursor: pointer;
-	outline: none;
 }
 
 .widget-title h3,
@@ -39,7 +45,7 @@
 .widgets-holder-wrap .widget-inside {
 	border-top: none;
 	padding: 1px 15px 15px 15px;
-	line-height: 1.2;
+	line-height: 1.23076923;
 }
 
 .widget.widget-dirty .widget-control-close-wrapper {
@@ -133,6 +139,9 @@
 .media-widget-control .media-widget-preview img {
 	max-width: 100%;
 	vertical-align: middle;
+	background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
+	background-position: 0 0, 10px 10px;
+	background-size: 20px 20px;
 }
 .media-widget-control .media-widget-preview .wp-video-shortcode {
 	background: #000;
@@ -145,6 +154,7 @@
 .media-frame.media-widget .image-details .embed-media-settings .setting.align,
 .media-frame.media-widget .attachment-display-settings .setting.align,
 .media-frame.media-widget .embed-media-settings .setting.align,
+.media-frame.media-widget .embed-media-settings .legend-inline,
 .media-frame.media-widget .embed-link-settings .setting.link-text,
 .media-frame.media-widget .replace-attachment,
 .media-frame.media-widget .checkbox-setting.autoplay {
@@ -308,7 +318,8 @@
 
 .sidebar-name .handlediv:focus {
 	box-shadow: none;
-	outline: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 #widgets-left .sidebar-name .toggle-indicator {
@@ -541,7 +552,7 @@
 	color: #666;
 	background: #EEE;
 	padding: 0 15px;
-	line-height: 3.35;
+	line-height: 3.30769230;
 	border-left: 1px solid #DDD;
 }
 
@@ -596,6 +607,10 @@
 	background: #fff;
 }
 
+.widget-inside select {
+	max-width: 100%;
+}
+
 /* Dragging widgets over the available widget area show's a "Deactivate" message */
 #removing-widget {
 	display: none;
@@ -776,6 +791,15 @@
 /* =Media Queries
 -------------------------------------------------------------- */
 
+@media screen and (max-width: 782px) {
+	.widgets-holder-wrap .widget-inside input[type="checkbox"],
+	.widgets-holder-wrap .widget-inside input[type="radio"],
+	.editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */
+	.editwidget .widget-inside input[type="radio"] {
+		margin: 0.25rem 0.25rem 0.25rem 0;
+	}
+}
+
 @media screen and (max-width: 480px) {
 	div.widget-liquid-left {
 		width: 100%;
@@ -802,7 +826,6 @@
 	}
 
 	div.widget {
-		margin: 0 auto !important;
 		max-width: 480px;
 	}