Skip to:
Content

BuddyPress.org

Ticket #7723: 7723-tooltips-etc.patch

File 7723-tooltips-etc.patch, 6.7 KB (added by mercime, 18 months ago)
  • src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php

     
    99 */
    1010?>
    1111<div class="subnav-filters filters user-subnav bp-messages-filters" id="subsubnav"></div>
     12
     13<div class="bp-messages-feedback"></div>
    1214<div class="bp-messages-content"></div>
    13 <div class="bp-messages-feedback"></div>
    1415
    1516<script type="text/html" id="tmpl-bp-messages-form">
    1617        <?php bp_nouveau_messages_hook( 'before', 'compose_content' ); ?>
     
    228229                <div class="actions">
    229230                        <# if ( undefined !== data.star_link ) { #>
    230231
    231                                 <?php $test = 1; ?>
     232                                <button type="button" class="message-action-unstar bp-tooltip bp-icons <# if ( false === data.is_starred ) { #>bp-hide<# } #>" data-bp-star-link="{{data.star_link}}" data-bp-action="unstar" data-bp-tooltip="<?php esc_attr_e( 'Unstar Message', 'buddypress' ); ?>">
     233                                        <span class="bp-screen-reader-text"><?php esc_html_e( 'Unstar Message', 'buddypress' ); ?></span>
     234                                </button>
    232235
    233                                 <# if ( false !== data.is_starred ) { #>
    234                                         <button type="button" class="message-action-unstar bp-tooltip bp-icons" data-bp-star-link="{{data.star_link}}" data-bp-action="unstar" data-bp-tooltip="<?php esc_attr_e( 'Unstar Message', 'buddypress' ); ?>">
    235                                                 <span class="bp-screen-reader-text"><?php esc_html_e( 'Unstar Message', 'buddypress' ); ?></span>
    236                                         </button>
    237                                 <# } else { #>
    238                                         <button type="button" class="message-action-star bp-tooltip bp-icons" data-bp-star-link="{{data.star_link}}" data-bp-action="star" data-bp-tooltip="<?php esc_attr_e( 'Star Message', 'buddypress' ); ?>">
    239                                                 <span class="bp-screen-reader-text"><?php esc_html_e( 'Star Message', 'buddypress' ); ?></span>
    240                                         </button>
    241                                 <# } #>
     236                                <button type="button" class="message-action-star bp-tooltip bp-icons <# if ( false !== data.is_starred ) { #>bp-hide<# } #>" data-bp-star-link="{{data.star_link}}" data-bp-action="star" data-bp-tooltip="<?php esc_attr_e( 'Star Message', 'buddypress' ); ?>">
     237                                        <span class="bp-screen-reader-text"><?php esc_html_e( 'Star Message', 'buddypress' ); ?></span>
     238                                </button>
    242239
    243240                        <# } #>
    244241                </div>
  • src/bp-templates/bp-nouveau/common-styles/_bp_tooltips.scss

     
    9494
    9595// Bottom Right Tooltip
    9696
    97 .bp-invites-content .bp-tooltip {
     97.bp-invites-content .bp-tooltip,
     98.message-metadata .actions .bp-tooltip,
     99.single-message-thread-header .actions .bp-tooltip {
    98100
    99101        @include bp-tooltip-bottom-right;
    100102}
  • src/bp-templates/bp-nouveau/css/buddypress-rtl.css

     
    30243024        max-width: 30%;
    30253025}
    30263026
    3027 .bp-messages-content .actions .bp-icons {
     3027.bp-messages-content .actions .bp-icons:not(.bp-hide) {
    30283028        display: inline-block;
    30293029        margin: 0;
    30303030        padding: 0.3em 0.5em;
    30313031}
    30323032
    3033 .bp-messages-content .actions .bp-icons:before {
     3033.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
    30343034        font-size: 26px;
    30353035}
    30363036
     
    30733073        -webkit-box-shadow: 2px 1px 9px 0 #eee;
    30743074        -moz-box-shadow: 2px 1px 9px 0 #eee;
    30753075        box-shadow: 2px 1px 9px 0 #eee;
    3076         overflow: hidden;
     3076        display: table;
    30773077        padding: 0.2em;
     3078        width: 100%;
    30783079}
    30793080
    30803081.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
     
    47274728        transform: translate(0, 0);
    47284729}
    47294730
    4730 .bp-invites-content .bp-tooltip:after {
     4731.bp-invites-content .bp-tooltip:after,
     4732.message-metadata .actions .bp-tooltip:after,
     4733.single-message-thread-header .actions .bp-tooltip:after {
    47314734        right: auto;
    47324735        left: 0;
    47334736        -webkit-transform: translate(0, 0);
  • src/bp-templates/bp-nouveau/css/buddypress.css

     
    30243024        max-width: 30%;
    30253025}
    30263026
    3027 .bp-messages-content .actions .bp-icons {
     3027.bp-messages-content .actions .bp-icons:not(.bp-hide) {
    30283028        display: inline-block;
    30293029        margin: 0;
    30303030        padding: 0.3em 0.5em;
    30313031}
    30323032
    3033 .bp-messages-content .actions .bp-icons:before {
     3033.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
    30343034        font-size: 26px;
    30353035}
    30363036
     
    30733073        -webkit-box-shadow: -2px 1px 9px 0 #eee;
    30743074        -moz-box-shadow: -2px 1px 9px 0 #eee;
    30753075        box-shadow: -2px 1px 9px 0 #eee;
    3076         overflow: hidden;
     3076        display: table;
    30773077        padding: 0.2em;
     3078        width: 100%;
    30783079}
    30793080
    30803081.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
     
    47274728        transform: translate(0, 0);
    47284729}
    47294730
    4730 .bp-invites-content .bp-tooltip:after {
     4731.bp-invites-content .bp-tooltip:after,
     4732.message-metadata .actions .bp-tooltip:after,
     4733.single-message-thread-header .actions .bp-tooltip:after {
    47314734        left: auto;
    47324735        right: 0;
    47334736        -webkit-transform: translate(0, 0);
  • src/bp-templates/bp-nouveau/js/buddypress-messages.js

     
    11041104                        }
    11051105
    11061106                        if ( 'star' === action || 'unstar' === action ) {
     1107                                var opposite = {
     1108                                        'star'  : 'unstar',
     1109                                        'unstar' : 'star'
     1110                                };
     1111
    11071112                                options.data = {
    11081113                                        'star_nonce' : this.model.get( 'star_nonce' )
    11091114                                };
     1115
     1116                                $( event.currentTarget ).addClass( 'bp-hide' );
     1117                                $( event.currentTarget ).parent().find( '[data-bp-action="' + opposite[ action ] + '"]' ).removeClass( 'bp-hide' );
     1118
    11101119                        }
    11111120
    11121121                        bp.Nouveau.Messages.threads.doAction( action, this.model.get( 'id' ), options ).done( function( response ) {
  • src/bp-templates/bp-nouveau/sass/_nouveau_messages.scss

     
    174174                float: right;
    175175                max-width: 30%;
    176176
    177                 .bp-icons {
     177                .bp-icons:not(.bp-hide) {
    178178                        display: inline-block;
    179179                        margin: 0;
    180180                        padding: $pad-xsml $pad-sml;
     
    230230                        border-bottom: 1px solid $bp-border-dark;
    231231
    232232                        @include box-shadow(-2px 1px 9px 0 #eee);
    233                         overflow: hidden;
     233                        display: table;
    234234                        padding: 0.2em;
     235                        width: 100%;
    235236
    236237                        .avatar {
    237238                                width: 30px;