mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-23 01:27:36 +01:00
Settings: Widen image size input fields on Media Settings page.
On narrower devices, input fields are too short to fit the number of default digits they contain. This widens the fields and also breaks each height and width attribute onto a new line for better usability, using some terrible CSS trickery. My apologies. Props: Toru, Presskopp, desrosj, xkon, ryelle, melchoyce. Fixes #34539. Built from https://develop.svn.wordpress.org/trunk@41836 git-svn-id: http://core.svn.wordpress.org/trunk@41670 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
5a8d166547
commit
7e6748ad61
@ -3716,6 +3716,23 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.options-media-php br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
.options-media-php input[type="number"][name*="_size_"] {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.options-media-php label[for*="_size_h"]:before {
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
.options-media-php br {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
/* Prevent default center alignment and larger font for the Right Now widget when
|
||||
the network dashboard is viewed on a small mobile device. */
|
||||
|
2
wp-admin/css/common-rtl.min.css
vendored
2
wp-admin/css/common-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
@ -3716,6 +3716,23 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.options-media-php br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
.options-media-php input[type="number"][name*="_size_"] {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.options-media-php label[for*="_size_h"]:before {
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
.options-media-php br {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
/* Prevent default center alignment and larger font for the Right Now widget when
|
||||
the network dashboard is viewed on a small mobile device. */
|
||||
|
2
wp-admin/css/common.min.css
vendored
2
wp-admin/css/common.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1220,7 +1220,7 @@ table.form-table td .updated p {
|
||||
input[type="number"].small-text,
|
||||
.form-table input[type="text"].small-text {
|
||||
width: auto;
|
||||
max-width: 55px;
|
||||
max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
|
||||
display: inline;
|
||||
padding: 3px 6px;
|
||||
margin: 0 3px;
|
||||
|
2
wp-admin/css/forms-rtl.min.css
vendored
2
wp-admin/css/forms-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1220,7 +1220,7 @@ table.form-table td .updated p {
|
||||
input[type="number"].small-text,
|
||||
.form-table input[type="text"].small-text {
|
||||
width: auto;
|
||||
max-width: 55px;
|
||||
max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
|
||||
display: inline;
|
||||
padding: 3px 6px;
|
||||
margin: 0 3px;
|
||||
|
2
wp-admin/css/forms.min.css
vendored
2
wp-admin/css/forms.min.css
vendored
File diff suppressed because one or more lines are too long
2
wp-admin/css/login-rtl.min.css
vendored
2
wp-admin/css/login-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
2
wp-admin/css/login.min.css
vendored
2
wp-admin/css/login.min.css
vendored
File diff suppressed because one or more lines are too long
@ -55,9 +55,9 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<label for="thumbnail_size_w"><?php _e('Width'); ?></label>
|
||||
<input name="thumbnail_size_w" type="number" step="1" min="0" id="thumbnail_size_w" value="<?php form_option('thumbnail_size_w'); ?>" class="small-text" />
|
||||
<label for="thumbnail_size_h"><?php _e('Height'); ?></label>
|
||||
<input name="thumbnail_size_h" type="number" step="1" min="0" id="thumbnail_size_h" value="<?php form_option('thumbnail_size_h'); ?>" class="small-text" /><br />
|
||||
<input name="thumbnail_crop" type="checkbox" id="thumbnail_crop" value="1" <?php checked('1', get_option('thumbnail_crop')); ?>/>
|
||||
<label for="thumbnail_crop"><?php _e('Crop thumbnail to exact dimensions (normally thumbnails are proportional)'); ?></label>
|
||||
<input name="thumbnail_size_h" type="number" step="1" min="0" id="thumbnail_size_h" value="<?php form_option('thumbnail_size_h'); ?>" class="small-text" />
|
||||
<p><input name="thumbnail_crop" type="checkbox" id="thumbnail_crop" value="1" <?php checked('1', get_option('thumbnail_crop')); ?>/>
|
||||
<label for="thumbnail_crop"><?php _e('Crop thumbnail to exact dimensions (normally thumbnails are proportional)'); ?></label></p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -66,6 +66,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<td><fieldset><legend class="screen-reader-text"><span><?php _e('Medium size'); ?></span></legend>
|
||||
<label for="medium_size_w"><?php _e('Max Width'); ?></label>
|
||||
<input name="medium_size_w" type="number" step="1" min="0" id="medium_size_w" value="<?php form_option('medium_size_w'); ?>" class="small-text" />
|
||||
<br />
|
||||
<label for="medium_size_h"><?php _e('Max Height'); ?></label>
|
||||
<input name="medium_size_h" type="number" step="1" min="0" id="medium_size_h" value="<?php form_option('medium_size_h'); ?>" class="small-text" />
|
||||
</fieldset></td>
|
||||
@ -76,6 +77,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<td><fieldset><legend class="screen-reader-text"><span><?php _e('Large size'); ?></span></legend>
|
||||
<label for="large_size_w"><?php _e('Max Width'); ?></label>
|
||||
<input name="large_size_w" type="number" step="1" min="0" id="large_size_w" value="<?php form_option('large_size_w'); ?>" class="small-text" />
|
||||
<br />
|
||||
<label for="large_size_h"><?php _e('Max Height'); ?></label>
|
||||
<input name="large_size_h" type="number" step="1" min="0" id="large_size_h" value="<?php form_option('large_size_h'); ?>" class="small-text" />
|
||||
</fieldset></td>
|
||||
|
@ -4,7 +4,7 @@
|
||||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '4.9-beta1-41835';
|
||||
$wp_version = '4.9-beta1-41836';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
Loading…
Reference in New Issue
Block a user