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

Props chetan200891 for initial patch.
Fixes #42871.

git-svn-id: https://develop.svn.wordpress.org/trunk@42447 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2018-01-15 19:26:47 +00:00
parent 40e6a33f2a
commit 0fdbb50a0e
3 changed files with 16 additions and 4 deletions

View File

@ -1188,11 +1188,19 @@ th.action-links {
.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;
}
.filter-drawer .buttons {
clear: both;
margin-bottom: 20px;
@ -3889,6 +3897,10 @@ img {
line-height: 25px;
}
.filter-drawer .filter-group-feature label {
margin-left: 32px;
}
.wp-filter .button.drawer-toggle {
font-size: 13px;
line-height: 26px;

View File

@ -214,7 +214,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
foreach ( $features as $feature => $feature_name ) {
$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>';
echo '</fieldset>';

View File

@ -164,7 +164,7 @@ class WP_Customize_Themes_Section extends WP_Customize_Section {
<div class="filter-group-feature">
<?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>
</fieldset>