Changeset 34514

Timestamp:

09/24/2015 07:52:06 PM (9 years ago)

Author:

wonderboymusic

Message:

Widgets: use input[type="number"] for the number prop in the Recent Posts and Recent Comments widget forms.

Props helen, obenland, mordauk.
Fixes #22965.

Location:

trunk/src

Files:

• wp-admin/css/forms.css (modified) (2 diffs)
• wp-includes/widgets/class-wp-widget-recent-comments.php (modified) (1 diff)
• wp-includes/widgets/class-wp-widget-recent-posts.php (modified) (1 diff)

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

@@ -68 +68 @@
 }
 
+/* Vertically align the number selector with the input. */
+input[type="number"] {
+    line-height: inherit;
+}
+
 input[type="checkbox"],
 input[type="radio"] {
@@ -386 +391 @@
 }
 
+input.tiny-text {
+    width: 35px;
+}
+
+input[type="number"].tiny-text {
+    width: 45px;
+}
+
 #doaction,
 #doaction2,

trunk/src/wp-includes/widgets/class-wp-widget-recent-comments.php

@@ -165 +165 @@
 
         <p><label for="<?php echo $this->get_field_id( 'number' ); ?>"><?php _e( 'Number of comments to show:' ); ?></label>
-        <input id="<?php echo $this->get_field_id( 'number' ); ?>" name="<?php echo $this->get_field_name( 'number' ); ?>" type="text" value="<?php echo $number; ?>" size="3" /></p>
+        <input class="tiny-text" id="<?php echo $this->get_field_id( 'number' ); ?>" name="<?php echo $this->get_field_name( 'number' ); ?>" type="number" step="1" min="1" value="<?php echo $number; ?>" size="3" /></p>
 <?php
     }

trunk/src/wp-includes/widgets/class-wp-widget-recent-posts.php

@@ -107 +107 @@
 
         <p><label for="<?php echo $this->get_field_id( 'number' ); ?>"><?php _e( 'Number of posts to show:' ); ?></label>
-        <input id="<?php echo $this->get_field_id( 'number' ); ?>" name="<?php echo $this->get_field_name( 'number' ); ?>" type="text" value="<?php echo $number; ?>" size="3" /></p>
+        <input class="tiny-text" id="<?php echo $this->get_field_id( 'number' ); ?>" name="<?php echo $this->get_field_name( 'number' ); ?>" type="number" step="1" min="1" value="<?php echo $number; ?>" size="3" /></p>
 
         <p><input class="checkbox" type="checkbox"<?php checked( $show_date ); ?> id="<?php echo $this->get_field_id( 'show_date' ); ?>" name="<?php echo $this->get_field_name( 'show_date' ); ?>" />