Skip to:
Content

BuddyPress.org

Ticket #7714: 7714.patch

File 7714.patch, 9.1 KB (added by mercime, 5 years ago)

  • src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php

     
    7272</script>
    7373
    7474<script type="text/html" id="tmpl-bp-messages-filters">
    75         <li class="user-messages-bulk-actions"></li>
    7675        <li class="user-messages-search" role="search" data-bp-search="{{data.box}}">
    7776                <div class="bp-search messages-search">
    7877                        <form action="" method="get" id="user_messages_search_form" class="bp-messages-search-form" data-bp-search="messages">
    … …  
    8786                        </form>
    8887                </div>
    8988        </li>
     89        <li class="user-messages-bulk-actions"></li>
    9090</script>
    9191
    9292<script type="text/html" id="tmpl-bp-bulk-actions">
    93         <label for="user_messages_select_all">
    94                 <input type="checkbox" id="user_messages_select_all" value="1"/>
    95                 <span class="bp-screen-reader-text"><?php esc_html_e( 'Select All Messages', 'buddypress' ); ?></span>
    96         </label>
    97 <div class="bulk-actions-wrap bp-hide">
     93        <input type="checkbox" id="user_messages_select_all" value="1"/>
     94        <label for="user_messages_select_all"><span class="bp-screen-reader-text"><?php esc_html_e( 'Select ', 'buddypress' ); ?></span><?php esc_html_e( 'All Messages', 'buddypress' ); ?></label>
     95        <div class="bulk-actions-wrap bp-hide">
    9896                <div class="bulk-actions select-wrap">
    9997                        <label for="user-messages-bulk-actions" class="bp-screen-reader-text">
    10098                                <?php esc_html_e( 'Select bulk action', 'buddypress' ); ?>
    … …  
    106104                        </select>
    107105                        <span class="select-arrow" aria-hidden="true"></span>
    108106                </div>
    109                 <button class="messages-button bulk-apply" type="submit">
     107                <button class="messages-button bulk-apply bp-tooltip" type="submit" data-bp-tooltip="<?php echo esc_attr( 'Apply', 'buddypress' ); ?>">
    110108                        <span class="dashicons dashicons-yes" aria-hidden="true"></span>
    111109                        <span class="bp-screen-reader-text"><?php esc_html_e( 'Apply', 'buddypress' ); ?></span>
    112110                </button>
    … …  
    115113
    116114<script type="text/html" id="tmpl-bp-messages-thread">
    117115        <div class="thread-cb">
    118                 <label for="bp-message-thread-{{data.id}}">
    119                         <input class="message-check" type="checkbox" name="message_ids[]" id="bp-message-thread-{{data.id}}" value="{{data.id}}">
    120                         <span class="bp-screen-reader-text"><?php esc_html_e( 'Select this message', 'buddypress' ); ?></span>
    121                 </label>
     116                <input class="message-check" type="checkbox" name="message_ids[]" id="bp-message-thread-{{data.id}}" value="{{data.id}}">
     117                <label for="bp-message-thread-{{data.id}}" class="bp-screen-reader-text"><?php esc_html_e( 'Select this message', 'buddypress' ); ?></label>
    122118        </div>
    123119        <div class="thread-from">
    124120                <a class="user-link" href="{{data.sender_link}}">

  • src/bp-templates/bp-nouveau/common-styles/_bp_filters.scss

     
    1717
    1818        .subnav-filters {
    1919                background: none;
    20                 overflow: hidden;
    2120                list-style: none;
    22                 margin: $marg-med 0;
     21                margin: $marg-med 0 0;
    2322                padding: 0;
    2423
    2524                div {
    … …  
    3736                                width: 100%;
    3837                        }
    3938
    40                         @include medium-max {
     39                        .messages-search {
     40                                margin-bottom: 1em;
    4141
    42                                 .messages-search {
    43                                         clear: both;
     42                                @include medium-up {
     43
     44                                        margin-bottom: 0;
    4445                                }
    4546                        }
    4647                }
    … …  
    8586
    8687                        .bulk-actions-wrap {
    8788                                border: 1px solid $bp-border-color;
    88                                 float: left;
     89
     90                                &.bp-show {
     91                                        display: inline-block;
     92                                }
     93
     94                                &.bp-hide {
     95                                        display: none;
     96                                }
    8997                        }
    9098
    9199                        .select-wrap {
    … …  
    92100                                border: 0;
    93101                        }
    94102
    95                         .bulk-actions,
    96                         label {
     103                        .bulk-actions {
    97104                                float: left;
    98105                        }
    99106
    100107                        label {
     108                                display: inline-block;
     109                                font-weight: 300;
     110                                margin-right: 25px;
    101111                                padding: 5px 0;
    102                                 text-align: center;
    103                                 width: 30px;
    104112                        }
    105113
    106114                        div {

  • src/bp-templates/bp-nouveau/css/buddypress-rtl.css

     
    636636
    637637.buddypress-wrap .subnav-filters {
    638638        background: none;
    639         overflow: hidden;
    640639        list-style: none;
    641         margin: 15px 0;
     640        margin: 15px 0 0;
    642641        padding: 0;
    643642}
    644643
    … …  
    655654        width: 100%;
    656655}
    657656
    658 @media screen and (max-width: 46.8em) {
     657.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
     658        margin-bottom: 1em;
     659}
     660
     661@media screen and (min-width: 46.8em) {
    659662        .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    660                 clear: both;
     663                margin-bottom: 0;
    661664        }
    662665}
    663666
    … …  
    702705
    703706.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap {
    704707        border: 1px solid #eee;
    705         float: right;
    706708}
    707709
     710.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
     711        display: inline-block;
     712}
     713
     714.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
     715        display: none;
     716}
     717
    708718.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
    709719        border: 0;
    710720}
    711721
    712 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions,
    713 .buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
     722.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
    714723        float: right;
    715724}
    716725
    717726.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
     727        display: inline-block;
     728        font-weight: 300;
     729        margin-left: 25px;
    718730        padding: 5px 0;
    719         text-align: center;
    720         width: 30px;
    721731}
    722732
    723733.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
    … …  
    28702880        flex: 1 2 5%;
    28712881}
    28722882
    2873 #message-threads li .thread-cb label {
    2874         float: right;
    2875         margin-right: 5px;
    2876         text-align: center;
    2877         width: 5%;
    2878 }
    2879 
    28802883#message-threads li .thread-from {
    28812884        -webkit-flex: 1 2 20%;
    28822885        -moz-flex: 1 2 20%;

  • src/bp-templates/bp-nouveau/css/buddypress.css

     
    636636
    637637.buddypress-wrap .subnav-filters {
    638638        background: none;
    639         overflow: hidden;
    640639        list-style: none;
    641         margin: 15px 0;
     640        margin: 15px 0 0;
    642641        padding: 0;
    643642}
    644643
    … …  
    655654        width: 100%;
    656655}
    657656
    658 @media screen and (max-width: 46.8em) {
     657.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
     658        margin-bottom: 1em;
     659}
     660
     661@media screen and (min-width: 46.8em) {
    659662        .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    660                 clear: both;
     663                margin-bottom: 0;
    661664        }
    662665}
    663666
    … …  
    702705
    703706.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap {
    704707        border: 1px solid #eee;
    705         float: left;
    706708}
    707709
     710.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
     711        display: inline-block;
     712}
     713
     714.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
     715        display: none;
     716}
     717
    708718.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
    709719        border: 0;
    710720}
    711721
    712 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions,
    713 .buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
     722.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
    714723        float: left;
    715724}
    716725
    717726.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
     727        display: inline-block;
     728        font-weight: 300;
     729        margin-right: 25px;
    718730        padding: 5px 0;
    719         text-align: center;
    720         width: 30px;
    721731}
    722732
    723733.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
    … …  
    28702880        flex: 1 2 5%;
    28712881}
    28722882
    2873 #message-threads li .thread-cb label {
    2874         float: left;
    2875         margin-left: 5px;
    2876         text-align: center;
    2877         width: 5%;
    2878 }
    2879 
    28802883#message-threads li .thread-from {
    28812884        -webkit-flex: 1 2 20%;
    28822885        -moz-flex: 1 2 20%;

  • src/bp-templates/bp-nouveau/js/buddypress-messages.js

     
    928928                        var isChecked = $( event.currentTarget ).prop( 'checked' );
    929929
    930930                        if ( isChecked ) {
    931                                 $( this.el ).find( '.bulk-actions-wrap' ).removeClass( 'bp-hide' );
     931                                $( this.el ).find( '.bulk-actions-wrap' ).removeClass( 'bp-hide' ).addClass( 'bp-show' );
    932932                        } else {
    933933                                $( this.el ).find( '.bulk-actions-wrap' ).addClass( 'bp-hide' );
    934934                        }

  • src/bp-templates/bp-nouveau/sass/_nouveau_messages.scss

     
    123123
    124124                        @include center-vert();
    125125                        @include box-item-size(1, 2, 5%);
    126 
    127                         label {
    128                                 float: left;
    129                                 margin-left: $marg-xsml;
    130                                 text-align: center;
    131                                 width: 5%;
    132                         }
    133126                }
    134127
    135128                .thread-from {