--- 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;
}