Changeset 35643

Timestamp:

11/16/2015 04:43:16 AM (9 years ago)

Author:

westonruter

Message:

Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile.

Follow-up to [35608].

Props bordoni, delawski.
Fixes #34607.

File:

• trunk/src/wp-admin/css/customize-controls.css (modified) (5 diffs)

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

@@ -539 +539 @@
 }
 
+.customize-control-radio label,
 .customize-control-checkbox label,
 .customize-control-nav_menu_auto_add label {
@@ -544 +545 @@
     display: block;
     margin-left: 24px;
-    padding-top: 4px;
-    padding-bottom: 4px;
-}
-
+    padding-top: 6px;
+    padding-bottom: 6px;
+}
+
+.customize-control-radio input,
 .customize-control-checkbox input,
 .customize-control-nav_menu_auto_add input {
@@ -565 +567 @@
 .customize-control-radio .customize-control-title + .customize-control-description {
     margin-top: 7px;
-}
-
-.customize-control-radio label {
-    line-height: 32px;
-}
-
-.customize-control-radio input {
-    margin-right: 5px;
 }
 
@@ -1323 +1317 @@
 }
 
-@media only screen and (max-width: 780px) {
+@media only screen and (max-width: 782px) {
     .wp-customizer .theme:not(.active):hover .theme-actions,
     .wp-customizer .theme:not(.active):focus .theme-actions {
@@ -1331 +1325 @@
     .wp-customizer .theme-browser .theme.active .theme-name span {
         display: inline;
+    }
+
+    .customize-control-radio label,
+    .customize-control-checkbox label,
+    .customize-control-nav_menu_auto_add label {
+        margin-left: 32px;
+    }
+
+    .customize-control-radio input,
+    .customize-control-checkbox input,
+    .customize-control-nav_menu_auto_add input {
+        margin-left: -32px;
+    }
+
+    .customize-control input[type="radio"] + label,
+    .customize-control input[type="checkbox"] + label {
+        line-height: 32px;
     }
 }