Changeset 41817

Timestamp:

10/10/2017 11:44:35 PM (7 years ago)

Author:

westonruter

Message:

Customize: Fix vertical alignment of radio and checkbox inputs after [41740].

Props Shital Patel, subrataemfluence, sayedwp.
Amends [41740].
See #33085.
Fixes #42157.

Location:

trunk/src/wp-admin/css

Files:

• customize-controls.css (modified) (3 diffs)
• customize-nav-menus.css (modified) (1 diff)

trunk/src/wp-admin/css/customize-controls.css

@@ -972 +972 @@
 .customize-control-radio .customize-control-title + .customize-control-description {
     margin-top: 7px;
+}
+
+.customize-control-radio label,
+.customize-control-checkbox label {
+    vertical-align: top;
 }
 
@@ -2685 +2690 @@
     }
 
+    .customize-control-header button.random .dice {
+        margin-top: 0;
+    }
+
     .customize-control-radio .customize-inside-control-row,
     .customize-control-checkbox .customize-inside-control-row,
@@ -2697 +2706 @@
     }
 
-    .customize-control input[type="radio"] + label,
-    .customize-control input[type="checkbox"] + label {
-        line-height: 32px;
+    .customize-control input[type="radio"] + label + br,
+    .customize-control input[type="checkbox"] + label + br {
+        line-height: 32px; /* For widgets checkboxes */
     }
 

trunk/src/wp-admin/css/customize-nav-menus.css

@@ -216 +216 @@
 }
 
-.menu-settings .customize-control-checkbox label,
-.menu-location-settings .customize-control-checkbox label {
-    line-height: 1;
-}
-
-/* @todo update selector or potentially remove */
-.menu-settings .customize-control.customize-control-checkbox,
-.menu-location-settings .customize-control.customize-control-checkbox {
-    margin-bottom: 8px; /* Override collapsing at smaller viewports. */
+.customize-control-nav_menu_auto_add label {
+    vertical-align: top;
 }