Skip to:
Content

BuddyPress.org

Ticket #7439: 7439.2.patch

File 7439.2.patch, 10.2 KB (added by mercime, 8 years ago)

  • src/bp-members/admin/css/admin-rtl.css

     
    127127.field_type_checkbox .checkbox > label {  /* these fields are usually pretty tall, so align the label for better consistency */
    128128        vertical-align: top;
    129129}
    130 .bp-profile-field .description {  /* description also sits in the right side column */
     130
     131.bp-profile-field .description,
     132.bp-profile-field .input-options {  /* description also sits in the right side column */
    131133        margin: 10px 200px 12px 0;
    132134        text-align: right;
    133135}
     136
     137.bp-profile-field fieldset.checkbox .description,
     138.bp-profile-field fieldset.datebox .description,
     139.bp-profile-field fieldset.radio .description,
     140.bp-profile-field fieldset.textarea .description {
     141        margin-top: 0;
     142}
     143
     144.bp-profile-field .wp-editor-container {
     145        margin-right: 200px;
     146}
     147
    134148.clear-value {  /* 'clear value' option also sits in the right side column */
    135149        display: block;
    136150        font-size: 12px;
    … …  
    146160        /* force checkboxes and radio buttons to new lines */
    147161        display: block;
    148162}
    149 .field_type_checkbox .checkbox .input-options,
    150 .field_type_datebox .datebox .input-options,
    151 .field_type_radio .radio .input-options {
    152         /* make the checkboxes, select menus, and radio buttons sit in the right side column */
    153         display: inline-block;
    154 }
     163
    155164.field-visibility-settings-notoggle,
    156165.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    157166        margin: 10px 200px 10px 0;
    … …  
    169178        font-weight:600;
    170179}
    171180
    172 #your-profile .bp-profile-field .checkbox legend,
    173 #your-profile .bp-profile-field .datebox legend,
    174 #your-profile .bp-profile-field .radio legend {
     181#your-profile .bp-profile-field legend {
    175182        float:right; /* Firefox will not apply display: inline-block to legends */
    176183        font-size: 14px;
    177184        font-weight: 600;
    178185        line-height: 1.4em;
     186        margin-bottom: 1em;
    179187        text-align: right;
    180188        vertical-align: middle;
    181189        width: 192px;
    … …  
    183191
    184192#your-profile .bp-profile-field .radio legend,
    185193#your-profile .bp-profile-field .checkbox legend {
    186         margin-bottom: 20px;
     194        margin-bottom: 1em;
    187195}
    188196
     197#your-profile .bp-profile-field .field-visibility-settings div.radio {
     198        margin-bottom: 1em;
     199}
     200
     201#your-profile .bp-profile-field .field-visibility-settings div.radio label {
     202        clear: right;
     203        display: block;
     204}
     205
    189206.bp-profile-field .radio .clear-value {
    190207        margin-top: 10px;
     208        margin-bottom: 1em;
    191209}
    192210
    193211@media screen and (max-width: 782px) {
    … …  
    200218                display: block;
    201219                margin-bottom: 12px;
    202220        }
     221        #your-profile .bp-profile-field .multiselectbox select {
     222                height: auto;
     223        }
    203224        .bp-profile-field .checkbox label,
    204225        .bp-profile-field .radio label {
    205226                line-height: 1.4em;
    … …  
    225246                clear: right;
    226247                margin-right: 50px;
    227248        }
     249        .bp-profile-field input[type="email"],
     250        .bp-profile-field input[type="number"],
     251        .bp-profile-field input[type="text"],
     252        .bp-profile-field input[type="url"],
     253        .bp-profile-field select:nth-of-type(1) {
     254                display: block;
     255        }
     256        .bp-profile-field .datebox-selects select {
     257                display: inline-block;
     258        }
     259        .bp-profile-field .input-options,
     260        .bp-profile-field .wp-editor-container {
     261                margin-right: 0;
     262        }
    228263        .field-visibility-settings {
    229264                margin-right: 100px;
    230265        }
    231         #your-profile .field_multiselectbox select {
    232                 height: auto;
    233         }
    234266}
    235267
    236268@media screen and (max-width: 480px) {

  • src/bp-members/admin/css/admin.css

     
    127127.field_type_checkbox .checkbox > label {  /* these fields are usually pretty tall, so align the label for better consistency */
    128128        vertical-align: top;
    129129}
    130 .bp-profile-field .description {  /* description also sits in the right side column */
     130
     131.bp-profile-field .description,
     132.bp-profile-field .input-options {  /* description also sits in the right side column */
    131133        margin: 10px 0 12px 200px;
    132134        text-align: left;
    133135}
     136
     137.bp-profile-field fieldset.checkbox .description,
     138.bp-profile-field fieldset.datebox .description,
     139.bp-profile-field fieldset.radio .description,
     140.bp-profile-field fieldset.textarea .description {
     141        margin-top: 0;
     142}
     143
     144.bp-profile-field .wp-editor-container {
     145        margin-left: 200px;
     146}
     147
    134148.clear-value {  /* 'clear value' option also sits in the right side column */
    135149        display: block;
    136150        font-size: 12px;
    … …  
    146160        /* force checkboxes and radio buttons to new lines */
    147161        display: block;
    148162}
    149 .field_type_checkbox .checkbox .input-options,
    150 .field_type_datebox .datebox .input-options,
    151 .field_type_radio .radio .input-options {
    152         /* make the checkboxes, select menus, and radio buttons sit in the right side column */
    153         display: inline-block;
    154 }
     163
    155164.field-visibility-settings-notoggle,
    156165.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    157166        margin: 10px 0 10px 200px;
    … …  
    169178        font-weight:600;
    170179}
    171180
    172 #your-profile .bp-profile-field .checkbox legend,
    173 #your-profile .bp-profile-field .datebox legend,
    174 #your-profile .bp-profile-field .radio legend {
     181#your-profile .bp-profile-field legend {
    175182        float:left; /* Firefox will not apply display: inline-block to legends */
    176183        font-size: 14px;
    177184        font-weight: 600;
    178185        line-height: 1.4em;
     186        margin-bottom: 1em;
    179187        text-align: left;
    180188        vertical-align: middle;
    181189        width: 192px;
    … …  
    183191
    184192#your-profile .bp-profile-field .radio legend,
    185193#your-profile .bp-profile-field .checkbox legend {
    186         margin-bottom: 20px;
     194        margin-bottom: 1em;
    187195}
    188196
     197#your-profile .bp-profile-field .field-visibility-settings div.radio {
     198        margin-bottom: 1em;
     199}
     200
     201#your-profile .bp-profile-field .field-visibility-settings div.radio label {
     202        clear: left;
     203        display: block;
     204}
     205
    189206.bp-profile-field .radio .clear-value {
    190207        margin-top: 10px;
     208        margin-bottom: 1em;
    191209}
    192210
    193211@media screen and (max-width: 782px) {
    … …  
    200218                display: block;
    201219                margin-bottom: 12px;
    202220        }
     221        #your-profile .bp-profile-field .multiselectbox select {
     222                height: auto;
     223        }
    203224        .bp-profile-field .checkbox label,
    204225        .bp-profile-field .radio label {
    205226                line-height: 1.4em;
    … …  
    225246                clear: left;
    226247                margin-left: 50px;
    227248        }
     249        .bp-profile-field input[type="email"],
     250        .bp-profile-field input[type="number"],
     251        .bp-profile-field input[type="text"],
     252        .bp-profile-field input[type="url"],
     253        .bp-profile-field select:nth-of-type(1) {
     254                display: block;
     255        }
     256        .bp-profile-field .datebox-selects select {
     257                display: inline-block;
     258        }
     259        .bp-profile-field .input-options,
     260        .bp-profile-field .wp-editor-container {
     261                margin-left: 0;
     262        }
    228263        .field-visibility-settings {
    229264                margin-left: 100px;
    230265        }
    231         #your-profile .field_multiselectbox select {
    232                 height: auto;
    233         }
    234266}
    235267
    236268@media screen and (max-width: 480px) {

  • src/bp-members/admin/js/admin.js

     
    66        $( '.visibility-toggle-link' ).on( 'click', function( event ) {
    77                event.preventDefault();
    88
    9                 $( this ).parent().hide()
     9                $( this ).attr( 'aria-expanded', 'true' ).parent().hide()
    1010                        .siblings( '.field-visibility-settings' ).show();
    1111        } );
    1212
    … …  
    1313        $( '.field-visibility-settings-close' ).on( 'click', function( event ) {
    1414                event.preventDefault();
    1515
     16                $( '.visibility-toggle-link' ).attr( 'aria-expanded', 'false' );
     17
    1618                var settings_div = $(this).parent(),
    1719                vis_setting_text = settings_div.find( 'input:checked' ).parent().text();
    1820

  • src/bp-xprofile/classes/class-bp-xprofile-user-admin.php

     
    362362                                        $field_type = bp_xprofile_create_field_type( bp_get_the_profile_field_type() );
    363363                                        $field_type->edit_field_html( array( 'user_id' => $r['user_id'] ) );
    364364
    365                                         if ( bp_get_the_profile_field_description() ) : ?>
    366 
    367                                                 <p class="description"><?php bp_the_profile_field_description(); ?></p>
    368 
    369                                         <?php endif;
    370 
    371365                                        /**
    372366                                         * Fires before display of visibility form elements for profile metaboxes.
    373367                                         *
    … …  
    377371
    378372                                        $can_change_visibility = bp_current_user_can( 'bp_xprofile_change_field_visibility' ); ?>
    379373
    380                                         <p class="field-visibility-settings-<?php echo $can_change_visibility ? 'toggle' : 'notoggle'; ?>" id="field-visibility-settings-toggle-<?php bp_the_profile_field_id(); ?>">
     374                                        <p class="field-visibility-settings-<?php echo $can_change_visibility ? 'toggle' : 'notoggle'; ?>" id="field-visibility-settings-toggle-<?php bp_the_profile_field_id(); ?>"><span id="<?php bp_the_profile_field_input_name(); ?>-2">
    381375
    382376                                                <?php
    383377                                                printf(
    … …  
    385379                                                        '<span class="current-visibility-level">' . bp_get_the_profile_field_visibility_level_label() . '</span>'
    386380                                                );
    387381                                                ?>
    388 
     382                                                </span>
    389383                                                <?php if ( $can_change_visibility ) : ?>
    390384
    391                                                         <button type="button" class="button visibility-toggle-link"><?php esc_html_e( 'Change', 'buddypress' ); ?></button>
     385                                                        <button type="button" class="button visibility-toggle-link" aria-describedby="<?php bp_the_profile_field_input_name(); ?>-2" aria-expanded="false" aria-label="<?php esc_attr_e( 'Change profile field visibility level', 'buddypress' ); ?>"><?php _ex( 'Change', 'Change profile field visibility level', 'buddypress' ); ?></button>
    392386
    393387                                                <?php endif; ?>
    394388                                        </p>
    … …  
    402396                                                                <?php bp_profile_visibility_radio_buttons(); ?>
    403397
    404398                                                        </fieldset>
    405                                                         <button type="button" class="button field-visibility-settings-close"><?php esc_html_e( 'Close', 'buddypress' ); ?></button>
     399                                                        <button type="button" class="button field-visibility-settings-close" aria-label="<?php esc_attr_e( 'Close profile field visibility level panel', 'buddypress' ); ?>"><?php _e( 'Close', 'buddypress' ) ?></button>
    406400                                                </div>
    407401
    408402                                        <?php endif; ?>
    … …  
    416410                                         */
    417411                                        do_action( 'bp_custom_profile_edit_fields' ); ?>
    418412
     413                                        </fieldset>
     414
    419415                                </div>
    420416
    421417                        <?php endwhile; // End bp_profile_fields(). ?>