Ticket #49228: 49228.3.diff

src/wp-admin/css/widgets.css

@@ -48 +48 @@
         line-height: 1.23076923;
 }
 
-.widgets-holder-wrap .widget-inside label {
-        margin: 0.25em 0 0.5em;
-        display: inline-block;
-}
-
 .widget.widget-dirty .widget-control-close-wrapper {
         display: none;
 }
@@ -796 +791 @@
 /* =Media Queries
 -------------------------------------------------------------- */
 
+@media screen and (max-width: 782px) {
+        /* Default widgets non-wrapping labels. */
+        .widgets-holder-wrap .widget-inside label {
+                margin: 0.25em 0 0.5em;
+                display: inline-block;
+        }
+
+        /*
+         * Default widgets now use a non-wrapping label. Custom widgets may still use
+         * a wrapping one. This makes sure the wrapping label of the title inputs always
+         * takes all the available width. Assumes all the title input labels `for`
+         * attributes end with `title`.
+         */
+        .widgets-holder-wrap .widget-inside label[for$="title"] {
+                display: inline;
+        }
+}
+
 @media screen and (max-width: 480px) {
         div.widget-liquid-left {
                 width: 100%;