Changeset 11079

Timestamp:

09/09/2016 08:57:19 PM (8 years ago)

Author:

boonebgorges

Message:

XProfile: Improvements to responsive styling and accessibilty on date format admin panel.

Props mercime.
Fixes #5500.

Location:

trunk/src/bp-xprofile

Files:

• admin/css/admin-rtl.css (modified) (1 diff)
• admin/css/admin.css (modified) (1 diff)
• classes/class-bp-xprofile-field-type-datebox.php (modified) (1 diff)
• classes/class-bp-xprofile-field.php (modified) (1 diff)

trunk/src/bp-xprofile/admin/css/admin-rtl.css

@@ -321 +321 @@
 }
 
+#bp-xprofile-add-field select#fieldtype {
+    max-width: 100%;
+    word-wrap: break-word;
+    word-break: break-all; /* e.g. Chinese, Japanese, Korean chars */
+}
+
 @media screen and (max-width: 782px) {
     .bp-date-formats .bp-date-format-option:first-of-type {

trunk/src/bp-xprofile/admin/css/admin.css

@@ -321 +321 @@
 }
 
+#bp-xprofile-add-field select#fieldtype {
+    max-width: 100%;
+    word-wrap: break-word;
+    word-break: break-all; /* e.g. Chinese, Japanese, Korean chars */
+}
+
 @media screen and (max-width: 782px) {
     .bp-date-formats .bp-date-format-option:first-of-type {

trunk/src/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php

@@ -494 +494 @@
                         </label>
                         <label for="date-format-custom-value" class="screen-reader-text"><?php esc_html_e( 'Enter custom time format', 'buddypress' ); ?></label>
-                        <input type="text" name="field-settings[date_format_custom]" id="date-format-custom-value" class="date-format-custom-value" value="<?php echo esc_attr( $settings['date_format_custom'] ); ?>" aria-describedby="date-format-custom-value-info" /> <span class="screen-reader-text"><?php esc_html_e( 'Example:', 'buddypress' ); ?></span><span class="date-format-custom-sample" id="date-format-custom-sample"><?php if ( $settings['date_format_custom'] ) : ?><?php echo esc_html( date( $settings['date_format_custom'] ) ); endif; ?></span><span class="spinner" id="date-format-custom-spinner" aria-hidden="true"></span>
+                        <input type="text" name="field-settings[date_format_custom]" id="date-format-custom-value" class="date-format-custom-value" value="<?php echo esc_attr( $settings['date_format_custom'] ); ?>" aria-describedby="date-format-custom-example" /> <span class="screen-reader-text"><?php esc_html_e( 'Example:', 'buddypress' ); ?></span><span class="date-format-custom-example" id="date-format-custom-sample"><?php if ( $settings['date_format_custom'] ) : ?><?php echo esc_html( date( $settings['date_format_custom'] ) ); endif; ?></span><span class="spinner" id="date-format-custom-spinner" aria-hidden="true"></span>
 
                         <p><a href="https://codex.wordpress.org/Formatting_Date_and_Time"><?php esc_html_e( 'Documentation on date and time formatting', 'buddypress' ); ?></a></p>

trunk/src/bp-xprofile/classes/class-bp-xprofile-field.php

@@ -1526 +1526 @@
             <h2><label for="fieldtype"><?php esc_html_e( 'Type', 'buddypress'); ?></label></h2>
             <div class="inside">
-                <select name="fieldtype" id="fieldtype" onchange="show_options(this.value)" style="width: 30%">
+                <select name="fieldtype" id="fieldtype" onchange="show_options(this.value)">
 
                     <?php bp_xprofile_admin_form_field_types( $this->type ); ?>