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

Props chetan200891 for initial patch.
Merges [42447] to the 4.9 branch.
Fixes #42871.
Built from https://develop.svn.wordpress.org/branches/4.9@42448


git-svn-id: http://core.svn.wordpress.org/branches/4.9@42278 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2018-01-15 19:30:40 +00:00
parent 3c9f3effb0
commit 77ce550e5c
6 changed files with 34 additions and 10 deletions

View File

@ -1188,11 +1188,19 @@ th.action-links {
.filter-drawer .filter-group-feature input, .filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label { .filter-drawer .filter-group-feature label {
display: inline-block;
margin: 7px 0 7px 4px;
line-height: 16px; line-height: 16px;
} }
.filter-drawer .filter-group-feature input {
position: absolute;
margin: 0;
}
.filter-group .filter-group-feature label {
display: block;
margin: 14px 23px 14px 0px;
}
.filter-drawer .buttons { .filter-drawer .buttons {
clear: both; clear: both;
margin-bottom: 20px; margin-bottom: 20px;
@ -3889,6 +3897,10 @@ img {
line-height: 25px; line-height: 25px;
} }
.filter-drawer .filter-group-feature label {
margin-right: 32px;
}
.wp-filter .button.drawer-toggle { .wp-filter .button.drawer-toggle {
font-size: 13px; font-size: 13px;
line-height: 26px; line-height: 26px;

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -207,7 +207,7 @@ include(ABSPATH . 'wp-admin/admin-header.php');
foreach ( $features as $feature => $feature_name ) { foreach ( $features as $feature => $feature_name ) {
$feature = esc_attr( $feature ); $feature = esc_attr( $feature );
echo '<input type="checkbox" id="filter-id-' . $feature . '" value="' . $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 '</div>';
echo '</fieldset>'; echo '</fieldset>';

View File

@ -163,7 +163,7 @@ class WP_Customize_Themes_Section extends WP_Customize_Section {
<div class="filter-group-feature"> <div class="filter-group-feature">
<?php foreach ( $features as $feature => $feature_name ) : ?> <?php foreach ( $features as $feature => $feature_name ) : ?>
<input type="checkbox" id="filter-id-<?php echo esc_attr( $feature ); ?>" value="<?php echo esc_attr( $feature ); ?>" /> <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; ?> <?php endforeach; ?>
</div> </div>
</fieldset> </fieldset>