Skip to:
Content

BuddyPress.org

Ticket #5500: 5500.patch

File 5500.patch, 8.2 KB (added by mercime, 3 years ago)
  • src/bp-xprofile/admin/css/admin-rtl.css

     
    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

     
    285285        visibility: hidden;
    286286}
    287287
     288/* xProfile Field Type - Date */
     289
    288290.form-table.bp-date-options {
    289291        margin: 0 8px;
    290292}
     
    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;
     
    302308.date-range-numeric {
    303309        width: 56px;
    304310}
     311
     312.date-format-section {
     313        margin-left: 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-right: 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-left: 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/classes/class-bp-xprofile-field-type-datebox.php

     
    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>
     515                                                <label for="range_type_absolute">
    516516                                                        <input type="radio" name="field_settings[range_type]" id="range_type_absolute" value="absolute" <?php checked( 'absolute', $settings['range_type'] ); ?> />
     517                                                        <?php esc_html_e( 'Absolute range', 'buddypress' ); ?>
     518                                                </label>
    517519
    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>
     520                                                <div class="date-format-section">
     521                                                        <label for="field_settings[range_absolute_start]"><?php esc_html_e( 'Year start:', 'buddypress' ); ?></label>
     522                                                        <?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'] ) ); ?>
     523                                                        <label for="field_settings[range_absolute_end]"><?php esc_html_e( 'Year end:', 'buddypress' ); ?></label>
     524                                                        <?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'] ) ); ?>
     525                                                </div>
    527526                                        </div>
    528527
    529528                                        <div class="bp-date-format-option">
    530                                                 <label>
     529                                                <label for="range_type_relative">
    531530                                                        <input type="radio" name="field_settings[range_type]" id="range_type_relative" value="relative" <?php checked( 'relative', $settings['range_type'] ); ?> />
     531                                                        <?php esc_html_e( 'Relative range', 'buddypress' ); ?>
     532                                                </label>
    532533
    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'] ) ),
     534                                                <div class="date-format-section">
     535                                                        <label for="field_settings[range_relative_start]"><?php esc_html_e( 'Start:', 'buddypress' ); ?></label>
     536                                                        <?php printf( '<input type="text" class="date-range-numeric" name="field_settings[range_relative_start]" id="field_settings[range_relative_start]" value="%s" />',
     537                                                                esc_attr( abs( $settings['range_relative_start'] ) )
     538                                                                );
     539                                                        ?>
     540                                                        <label class="screen-reader-text" for="field_settings[range_relative_start_type]"><?php esc_html_e( 'Select range', 'buddypress' ); ?></label>
     541                                                        <?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>',
     542                                                                selected( true, $settings['range_relative_start'] <= 0, false ),
     543                                                                esc_attr__( 'years ago', 'buddypress' ),
     544                                                                selected( true, $settings['range_relative_start'] > 0, false ),
     545                                                                esc_attr__( 'years from now', 'buddypress' )
     546                                                                );
     547                                                        ?>
     548
     549                                                        <label for="field_settings[range_relative_end]"><?php esc_html_e( 'End:', 'buddypress' ); ?></label>
     550                                                        <?php printf( '<input type="text" class="date-range-numeric" name="field_settings[range_relative_end]" id="field_settings[range_relative_end]" value="%s" />',
     551                                                                esc_attr( abs( $settings['range_relative_end'] ) )
     552                                                                );
     553                                                        ?>
     554                                                        <label class="screen-reader-text" for="field_settings[range_relative_end_type]"><?php esc_html_e( 'Select range', 'buddypress' ); ?></label>
     555                                                        <?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>',
    548556                                                                        selected( true, $settings['range_relative_end'] <= 0, false ),
    549557                                                                        esc_attr__( 'years ago', 'buddypress' ),
    550558                                                                        selected( true, $settings['range_relative_end'] > 0, false ),
    551559                                                                        esc_attr__( 'years from now', 'buddypress' )
    552                                                                 )
    553                                                         );
     560                                                                );
    554561                                                        ?>
    555                                                 </label>
     562                                                </div>
    556563                                        </div>
     564
    557565                                </fieldset>
    558566                        </td>
    559567                </tr>