Skip to:
Content

BuddyPress.org

Ticket #5500: 5500.4.diff

File 5500.4.diff, 9.0 KB (added by boonebgorges, 3 years ago)

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

    diff --git src/bp-xprofile/admin/css/admin-rtl.css src/bp-xprofile/admin/css/admin-rtl.css
index 2713cfe..f04129b 100644
    p.member-type-none-notice { 
    284284        display: none;
    285285        visibility: hidden;
    286286}
     287
     288/* xProfile Field Type - Date */
     289
     290.form-table.bp-date-options {
     291        margin: 0 8px;
     292}
     293
     294.form-table.bp-date-options th {
     295        width: 150px;
     296}
     297
     298.form-table td .date-format-section select {
     299        margin-top: -2px;
     300}
     301
     302.date-format-label {
     303        display: inline-block;
     304        width: 150px;
     305}
     306
     307.date-format-custom-value,
     308.date-range-numeric {
     309        width: 56px;
     310}
     311
     312.date-format-section {
     313        margin-right: 25px;
     314}
     315
     316@media screen and (max-width: 782px) {
     317        .bp-date-formats .bp-date-format-option:first-of-type {
     318                margin-top: 1em;
     319        }
     320        .bp-range-types .bp-date-format-option {
     321                margin-bottom: 1em;
     322                margin-top: 1em;
     323        }
     324        .form-table td input.date-format-custom-value,
     325        .form-table td input.date-range-numeric {
     326                display: inline-block;
     327                margin-left: 10px;
     328                width: 56px;
     329        }
     330        .form-table td .date-format-section select {
     331                display: inline-block;
     332                width: auto;
     333        }
     334        .date-format-section {
     335                margin-right: 35px;
     336        }
     337}
     338
     339@media screen and (max-width: 480px) {
     340        .form-table .bp-range-types label {
     341                clear: both;
     342                display: block;
     343        }
     344}

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

    diff --git src/bp-xprofile/admin/css/admin.css src/bp-xprofile/admin/css/admin.css
index 4795078..9c68d58 100644
    p.member-type-none-notice { 
    285285        visibility: hidden;
    286286}
    287287
     288/* xProfile Field Type - Date */
     289
    288290.form-table.bp-date-options {
    289291        margin: 0 8px;
    290292}
    … … p.member-type-none-notice { 
    293295        width: 150px;
    294296}
    295297
     298.form-table td .date-format-section select {
     299        margin-top: -2px;
     300}
     301
    296302.date-format-label {
    297303        display: inline-block;
    298304        width: 150px;
    … … p.member-type-none-notice { 
    302308.date-range-numeric {
    303309        width: 56px;
    304310}
     311
     312.bp-date-range-type-label {
     313        float: left;
     314        font-style: italic;
     315        width: 80px;
     316}
     317
     318.bp-date-range-type-values {
     319        margin-right: 25px;
     320        padding-left: 100px;
     321}
     322
     323@media screen and (max-width: 782px) {
     324        .bp-date-formats .bp-date-format-option:first-of-type {
     325                margin-top: 1em;
     326        }
     327        .bp-range-types .bp-date-format-option {
     328                margin-bottom: 1em;
     329                margin-top: 1em;
     330        }
     331        .form-table td input.date-format-custom-value,
     332        .form-table td input.date-range-numeric {
     333                display: inline-block;
     334                margin-right: 10px;
     335                width: 56px;
     336        }
     337        .form-table td .date-format-section select {
     338                display: inline-block;
     339                width: auto;
     340        }
     341        .bp-date-range-type-label {
     342                float: none;
     343                width: auto;
     344        }
     345        .bp-date-range-type-values {
     346                padding-left: 0;
     347                margin-left: 35px;
     348        }
     349}
     350
     351@media screen and (max-width: 480px) {
     352        .form-table .bp-range-types label {
     353                clear: both;
     354                display: block;
     355        }
     356}

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

    diff --git src/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php src/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php
index 76a2e9f..bd6f54f 100644
    class BP_XProfile_Field_Type_Datebox extends BP_XProfile_Field_Type { 
    506506                        </th>
    507507
    508508                        <td>
    509                                 <fieldset>
     509                                <fieldset class="bp-range-types">
    510510                                        <legend class="screen-reader-text">
    511511                                                <?php esc_html_e( 'Range', 'buddypress' ); ?>
    512512                                        </legend>
    513513
    514514                                        <div class="bp-date-format-option">
    515                                                 <label>
    516                                                         <input type="radio" name="field_settings[range_type]" id="range_type_absolute" value="absolute" <?php checked( 'absolute', $settings['range_type'] ); ?> />
    517 
    518                                                         <?php
    519                                                         printf(
    520                                                                 /* translators: 1: Start year for date range, 2: End year for date range */
    521                                                                 __( 'From %1$s to %2$s', 'buddypress' ),
    522                                                                 sprintf( '<input class="date-range-numeric" type="text" name="field_settings[range_absolute_start]" value="%s" />', esc_attr( $settings['range_absolute_start'] ) ),
    523                                                                 sprintf( '<input class="date-range-numeric" type="text" name="field_settings[range_absolute_end]" value="%s" />', esc_attr( $settings['range_absolute_end'] ) )
    524                                                         );
    525                                                         ?>
    526                                                 </label>
     515                                                <div class="bp-date-range-type-label">
     516                                                        <label for="range_type_absolute">
     517                                                                <input type="radio" name="field_settings[range_type]" id="range_type_absolute" value="absolute" <?php checked( 'absolute', $settings['range_type'] ); ?> />
     518                                                                <?php esc_html_e( 'Absolute', 'buddypress' ); ?>
     519                                                        </label>
     520                                                </div>
     521
     522                                                <div class="bp-date-range-type-values">
     523                                                        <label for="field_settings[range_absolute_start]"><?php esc_html_e( 'Start:', 'buddypress' ); ?></label>
     524                                                        <?php printf( '<input class="date-range-numeric" type="text" name="field_settings[range_absolute_start]" id="field_settings[range_absolute_start]" value="%s" />', esc_attr( $settings['range_absolute_start'] ) ); ?>
     525                                                        <label for="field_settings[range_absolute_end]"><?php esc_html_e( 'End:', 'buddypress' ); ?></label>
     526                                                        <?php printf( '<input class="date-range-numeric" type="text" name="field_settings[range_absolute_end]" id="field_settings[range_absolute_end]" value="%s" />', esc_attr( $settings['range_absolute_end'] ) ); ?>
     527                                                </div>
    527528                                        </div>
    528529
    529530                                        <div class="bp-date-format-option">
    530                                                 <label>
    531                                                         <input type="radio" name="field_settings[range_type]" id="range_type_relative" value="relative" <?php checked( 'relative', $settings['range_type'] ); ?> />
    532 
    533                                                         <?php
    534                                                         printf(
    535                                                                 /* translators: 1: "From" year count for date range, 2: "To" year count for date range */
    536                                                                 __( 'From %1$s to %2$s', 'buddypress' ),
    537                                                                 sprintf(
    538                                                                         '<input type="text" class="date-range-numeric" name="field_settings[range_relative_start]" value="%s" /> <select name="field_settings[range_relative_start_type]"><option value="past" %s>%s</option><option value="future" %s>%s</option></select>',
    539                                                                         esc_attr( abs( $settings['range_relative_start'] ) ),
    540                                                                         selected( true, $settings['range_relative_start'] <= 0, false ),
    541                                                                         esc_attr__( 'years ago', 'buddypress' ),
    542                                                                         selected( true, $settings['range_relative_start'] > 0, false ),
    543                                                                         esc_attr__( 'years from now', 'buddypress' )
    544                                                                 ),
    545                                                                 sprintf(
    546                                                                         '<input type="text" class="date-range-numeric" name="field_settings[range_relative_end]" value="%s" /> <select name="field_settings[range_relative_end_type]"><option value="past" %s>%s</option><option value="future" %s>%s</option></select>',
    547                                                                         esc_attr( abs( $settings['range_relative_end'] ) ),
     531                                                <div class="bp-date-range-type-label">
     532                                                        <label for="range_type_relative">
     533                                                                <input type="radio" name="field_settings[range_type]" id="range_type_relative" value="relative" <?php checked( 'relative', $settings['range_type'] ); ?> />
     534                                                                <?php esc_html_e( 'Relative', 'buddypress' ); ?>
     535                                                        </label>
     536                                                </div>
     537
     538                                                <div class="bp-date-range-type-values">
     539                                                        <label for="field_settings[range_relative_start]"><?php esc_html_e( 'Start:', 'buddypress' ); ?></label>
     540                                                        <?php printf( '<input type="text" class="date-range-numeric" name="field_settings[range_relative_start]" id="field_settings[range_relative_start]" value="%s" />',
     541                                                                esc_attr( abs( $settings['range_relative_start'] ) )
     542                                                                );
     543                                                        ?>
     544                                                        <label class="screen-reader-text" for="field_settings[range_relative_start_type]"><?php esc_html_e( 'Select range', 'buddypress' ); ?></label>
     545                                                        <?php printf( '<select name="field_settings[range_relative_start_type]" id="field_settings[range_relative_start_type]"><option value="past" %s>%s</option><option value="future" %s>%s</option></select>',
     546                                                                selected( true, $settings['range_relative_start'] <= 0, false ),
     547                                                                esc_attr__( 'years ago', 'buddypress' ),
     548                                                                selected( true, $settings['range_relative_start'] > 0, false ),
     549                                                                esc_attr__( 'years from now', 'buddypress' )
     550                                                                );
     551                                                        ?>
     552
     553                                                        <label for="field_settings[range_relative_end]"><?php esc_html_e( 'End:', 'buddypress' ); ?></label>
     554                                                        <?php printf( '<input type="text" class="date-range-numeric" name="field_settings[range_relative_end]" id="field_settings[range_relative_end]" value="%s" />',
     555                                                                esc_attr( abs( $settings['range_relative_end'] ) )
     556                                                                );
     557                                                        ?>
     558                                                        <label class="screen-reader-text" for="field_settings[range_relative_end_type]"><?php esc_html_e( 'Select range', 'buddypress' ); ?></label>
     559                                                        <?php printf( '<select name="field_settings[range_relative_end_type]" id="field_settings[range_relative_end_type]"><option value="past" %s>%s</option><option value="future" %s>%s</option></select>',
    548560                                                                        selected( true, $settings['range_relative_end'] <= 0, false ),
    549561                                                                        esc_attr__( 'years ago', 'buddypress' ),
    550562                                                                        selected( true, $settings['range_relative_end'] > 0, false ),
    551563                                                                        esc_attr__( 'years from now', 'buddypress' )
    552                                                                 )
    553                                                         );
     564                                                                );
    554565                                                        ?>
    555                                                 </label>
     566                                                </div>
    556567                                        </div>
     568
    557569                                </fieldset>
    558570                        </td>
    559571                </tr>