Changeset 41857

Timestamp:

10/13/2017 06:38:03 PM (7 years ago)

Author:

melchoyce

Message:

Settings: Widen time/day input fields on General Settings page, and move the preview onto the next line.

Props desrosj, afercia.
Fixes #41603.

Location:

trunk/src/wp-admin

Files:

• css/forms.css (modified) (1 diff)
• options-general.php (modified) (2 diffs)

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

@@ -1341 +1341 @@
 
     .options-general-php input[type="text"].small-text {
-        max-width: 60px;
+        max-width: 6.25em;
         margin: 0;
     }

trunk/src/wp-admin/options-general.php

@@ -308 +308 @@
         '<label for="date_format_custom" class="screen-reader-text">' . __( 'Custom date format:' ) . '</label>' .
         '<input type="text" name="date_format_custom" id="date_format_custom" value="' . esc_attr( get_option( 'date_format' ) ) . '" class="small-text" />' .
-        '<span class="screen-reader-text">' . __( 'example:' ) . ' </span> <span class="example">' . date_i18n( get_option( 'date_format' ) ) . '</span>' .
-        "<span class='spinner'></span>\n";
+        '<br />' .
+        '<p><strong>' . __( 'Preview:' ) . '</strong> <span class="example">' . date_i18n( get_option( 'date_format' ) ) . '</span>' .
+        "<span class='spinner'></span>\n" . '</p>';
 ?>
     </fieldset>
@@ -344 +345 @@
         '<label for="time_format_custom" class="screen-reader-text">' . __( 'Custom time format:' ) . '</label>' .
         '<input type="text" name="time_format_custom" id="time_format_custom" value="' . esc_attr( get_option( 'time_format' ) ) . '" class="small-text" />' .
-        '<span class="screen-reader-text">' . __( 'example:' ) . ' </span> <span class="example">' . date_i18n( get_option( 'time_format' ) ) . '</span>' .
-        "<span class='spinner'></span>\n";
+        '<br />' .
+        '<p><strong>' . __( 'Preview:' ) . '</strong> <span class="example">' . date_i18n( get_option( 'time_format' ) ) . '</span>' .
+        "<span class='spinner'></span>\n" . '</p>';
 
     echo "\t<p class='date-time-doc'>" . __('<a href="https://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date and time formatting</a>.') . "</p>\n";