Skip to:
Content

BuddyPress.org

Changeset 11079


Ignore:
Timestamp:
09/09/2016 08:57:19 PM (3 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:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-xprofile/admin/css/admin-rtl.css

    r11061 r11079  
    321321}
    322322
     323#bp-xprofile-add-field select#fieldtype {
     324    max-width: 100%;
     325    word-wrap: break-word;
     326    word-break: break-all; /* e.g. Chinese, Japanese, Korean chars */
     327}
     328
    323329@media screen and (max-width: 782px) {
    324330    .bp-date-formats .bp-date-format-option:first-of-type {
  • trunk/src/bp-xprofile/admin/css/admin.css

    r11061 r11079  
    321321}
    322322
     323#bp-xprofile-add-field select#fieldtype {
     324    max-width: 100%;
     325    word-wrap: break-word;
     326    word-break: break-all; /* e.g. Chinese, Japanese, Korean chars */
     327}
     328
    323329@media screen and (max-width: 782px) {
    324330    .bp-date-formats .bp-date-format-option:first-of-type {
  • trunk/src/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php

    r11062 r11079  
    494494                        </label>
    495495                        <label for="date-format-custom-value" class="screen-reader-text"><?php esc_html_e( 'Enter custom time format', 'buddypress' ); ?></label>
    496                         <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>
     496                        <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>
    497497
    498498                        <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

    r11041 r11079  
    15261526            <h2><label for="fieldtype"><?php esc_html_e( 'Type', 'buddypress'); ?></label></h2>
    15271527            <div class="inside">
    1528                 <select name="fieldtype" id="fieldtype" onchange="show_options(this.value)" style="width: 30%">
     1528                <select name="fieldtype" id="fieldtype" onchange="show_options(this.value)">
    15291529
    15301530                    <?php bp_xprofile_admin_form_field_types( $this->type ); ?>
Note: See TracChangeset for help on using the changeset viewer.