Changeset 42447

Timestamp:

01/15/2018 07:26:47 PM (8 years ago)

Author:

SergeyBiryukov

Message:

Themes: Improve line wrapping in feature filter on Theme Install screen and in the Customizer.

Props chetan200891 for initial patch.
Fixes #42871.

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (2 diffs)
• wp-admin/theme-install.php (modified) (1 diff)
• wp-includes/customize/class-wp-customize-themes-section.php (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -1189 +1189 @@
 .filter-drawer .filter-group-feature input,
 .filter-drawer .filter-group-feature label {
-    display: inline-block;
-    margin: 7px 4px 7px 0;
     line-height: 16px;
+}
+
+.filter-drawer .filter-group-feature input {
+    position: absolute;
+    margin: 0;
+}
+
+.filter-group .filter-group-feature label {
+    display: block;
+    margin: 14px 0px 14px 23px;
 }
 
@@ -3890 +3898 @@
     }
 
+    .filter-drawer .filter-group-feature label {
+        margin-left: 32px;
+    }
+
     .wp-filter .button.drawer-toggle {
         font-size: 13px;

trunk/src/wp-admin/theme-install.php

@@ -215 +215 @@
                 $feature = esc_attr( $feature );
                 echo '<input type="checkbox" id="filter-id-' . $feature . '" value="' . $feature . '" /> ';
-                echo '<label for="filter-id-' . $feature . '">' . $feature_name . '</label><br>';
+                echo '<label for="filter-id-' . $feature . '">' . $feature_name . '</label>';
             }
             echo '</div>';

trunk/src/wp-includes/customize/class-wp-customize-themes-section.php

@@ -165 +165 @@
                             <?php foreach ( $features as $feature => $feature_name ) : ?>
                                 <input type="checkbox" id="filter-id-<?php echo esc_attr( $feature ); ?>" value="<?php echo esc_attr( $feature ); ?>" />
-                                <label for="filter-id-<?php echo esc_attr( $feature ); ?>"><?php echo esc_html( $feature_name ); ?></label><br>
+                                <label for="filter-id-<?php echo esc_attr( $feature ); ?>"><?php echo esc_html( $feature_name ); ?></label>
                             <?php endforeach; ?>
                         </div>