Skip to:
Content

BuddyPress.org

Changeset 11586


Ignore:
Timestamp:
06/10/2017 07:56:32 PM (7 years ago)
Author:
mercime
Message:

Update Star UI with BP tooltips and tooltip information.

Props r-a-y, mercime.
See #7188.

Location:
trunk/src
Files:
29 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-messages/bp-messages-star.php

    r11578 r11586  
    230230         * @param array  $r      Parsed link arguments. See $args in bp_get_the_message_star_action_link().
    231231         */
    232         return apply_filters( 'bp_get_the_message_star_action_link', '<a title="' . esc_attr( $title ) . '" class="message-action-' . esc_attr( $action ) . '" data-star-status="' . esc_attr( $action ) .'" data-star-nonce="' . esc_attr( $nonce ) . '"' . $bulk_attr . ' data-message-id="' . esc_attr( (int) $message_id ) . '" href="' . $retval . '"><span class="icon"></span> <span class="bp-screen-reader-text">' . $r['text_' . $action] . '</span></a>', $r );
     232        return apply_filters( 'bp_get_the_message_star_action_link', '<a data-bp-tooltip="' . esc_attr( $title ) . '" class="bp-tooltip message-action-' . esc_attr( $action ) . '" data-star-status="' . esc_attr( $action ) .'" data-star-nonce="' . esc_attr( $nonce ) . '"' . $bulk_attr . ' data-message-id="' . esc_attr( (int) $message_id ) . '" href="' . $retval . '" role="button" aria-pressed="false"><span class="icon"></span> <span class="bp-screen-reader-text">' . $r['text_' . $action] . '</span></a>', $r );
    233233    }
    234234

  • trunk/src/bp-templates/bp-legacy/buddypress/members/single/messages/messages-loop.php

    r11578 r11586  
    116116
    117117                        <td class="thread-info">
    118                             <p><a href="<?php bp_message_thread_view_link(); ?>" title="<?php esc_attr_e( "View Message", 'buddypress' ); ?>"><?php bp_message_thread_subject(); ?></a></p>
     118                            <p><a href="<?php bp_message_thread_view_link(); ?>" class="bp-tooltip" data-bp-tooltip="<?php esc_attr_e( "View Message", 'buddypress' ); ?>" aria-label="<?php esc_attr_e( "View Message", 'buddypress' ); ?>"><?php bp_message_thread_subject(); ?></a></p>
    119119                            <p class="thread-excerpt"><?php bp_message_thread_excerpt(); ?></p>
    120120                        </td>

  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r11582 r11586  
    15651565    margin-top: 4px;
    15661566}
    1567 #buddypress div#message-thread div.message-metadata {
    1568     overflow: hidden;
     1567#buddypress div#message-thread div.message-metadata::after {
     1568    clear: both;
     1569    content: "";
     1570    display: table;
    15691571}
    15701572#buddypress div#message-thread div.message-content {
    … …  
    15811583    margin: 0 20px;
    15821584}
    1583 
    15841585.message-metadata {
    15851586    position: relative;
     1587}
     1588.message-metadata .bp-tooltip:hover::after,
     1589.message-metadata .bp-tooltip:active::after,
     1590.message-metadata .bp-tooltip:focus::after {
     1591    margin-top: 10px;
     1592    max-width: 240px;
     1593    left: 0;
     1594    text-align: left;
    15861595}
    15871596.message-star-actions {
    … …  
    17191728
    17201729.widget.buddypress div.avatar-block::after {
     1730    clear: both;
    17211731    content: "";
    17221732    display: table;

  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r11582 r11586  
    15651565    margin-top: 4px;
    15661566}
    1567 #buddypress div#message-thread div.message-metadata {
    1568     overflow: hidden;
     1567#buddypress div#message-thread div.message-metadata::after {
     1568    clear: both;
     1569    content: "";
     1570    display: table;
    15691571}
    15701572#buddypress div#message-thread div.message-content {
    … …  
    15811583    margin: 0 20px;
    15821584}
    1583 
    15841585.message-metadata {
    15851586    position: relative;
     1587}
     1588.message-metadata .bp-tooltip:hover::after,
     1589.message-metadata .bp-tooltip:active::after,
     1590.message-metadata .bp-tooltip:focus::after {
     1591    margin-top: 10px;
     1592    max-width: 240px;
     1593    right: 0;
     1594    text-align: right;
    15861595}
    15871596.message-star-actions {
    … …  
    17191728
    17201729.widget.buddypress div.avatar-block::after {
     1730    clear: both;
    17211731    content: "";
    17221732    display: table;

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven-rtl.css

    r11568 r11586  
    14491449}
    14501450
    1451 .bp-user #buddypress #message-thread .message-metadata {
    1452     overflow: hidden;
     1451.bp-user #buddypress #message-thread .message-metadata::after {
     1452    clear: both;
     1453    content: "";
     1454    display: table;
    14531455}
    14541456
    … …  
    14831485.bp-user #buddypress #message-thread .alt {
    14841486    background: #fff;
     1487}
     1488
     1489.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1490.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1491.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1492    left: 40px;
     1493    text-align: left;
    14851494}
    14861495
    … …  
    15491558    padding-right: 41px;
    15501559    width: 100%;
    1551 }
    1552 
    1553 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1554     content: " ‖ " attr(title);
    1555     font-size: 12px;
    1556     font-size: 0.8rem;
    15571560}
    15581561
    … …  
    19901993}
    19911994
     1995.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1996.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1997.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1998    right: 0;
     1999    margin-top: 10px;
     2000    max-width: 240px;
     2001    left: auto;
     2002    text-align: right;
     2003    transform: translateX(0);
     2004}
     2005
    19922006/**
    19932007*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven.css

    r11568 r11586  
    14491449}
    14501450
    1451 .bp-user #buddypress #message-thread .message-metadata {
    1452     overflow: hidden;
     1451.bp-user #buddypress #message-thread .message-metadata::after {
     1452    clear: both;
     1453    content: "";
     1454    display: table;
    14531455}
    14541456
    … …  
    14831485.bp-user #buddypress #message-thread .alt {
    14841486    background: #fff;
     1487}
     1488
     1489.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1490.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1491.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1492    right: 40px;
     1493    text-align: right;
    14851494}
    14861495
    … …  
    15491558    padding-left: 41px;
    15501559    width: 100%;
    1551 }
    1552 
    1553 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1554     content: " ‖ " attr(title);
    1555     font-size: 12px;
    1556     font-size: 0.8rem;
    15571560}
    15581561
    … …  
    19901993}
    19911994
     1995.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1996.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1997.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1998    left: 0;
     1999    margin-top: 10px;
     2000    max-width: 240px;
     2001    right: auto;
     2002    text-align: left;
     2003    transform: translateX(0);
     2004}
     2005
    19922006/**
    19932007*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven.scss

    r11006 r11586  
    19461946
    19471947            .message-metadata {
    1948                 overflow: hidden;
     1948
     1949                &::after {
     1950                    clear: both;
     1951                    content: "";
     1952                    display: table;
     1953                }
    19491954
    19501955                img.avatar {
    … …  
    19811986            .alt {
    19821987                background: $content-background;
     1988            }
     1989
     1990            .bp-tooltip:hover::after,
     1991            .bp-tooltip:active::after,
     1992            .bp-tooltip:focus::after {
     1993                right: 40px;
     1994                text-align: right;
    19831995            }
    19841996
    … …  
    20452057                    padding-left: 41px;
    20462058                    width: 100%;
    2047 
    2048                     a::after {
    2049                         content: " \2016 \00a0"attr(title);
    2050                         @include font-size(12);
    2051                     }
    20522059                }
    20532060
    … …  
    25222529        } // .notifications, .message-notices
    25232530
     2531        .messages-notices {
     2532
     2533            .bp-tooltip:hover::after,
     2534            .bp-tooltip:active::after,
     2535            .bp-tooltip:focus::after {
     2536                left: 0;
     2537                margin-top: 10px;
     2538                max-width: 240px;
     2539                right: auto;
     2540                text-align: left;
     2541                transform: translateX(0);
     2542            }
     2543        }
     2544
    25242545    } // #buddypress
    25252546} // .bp-user

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css

    r11568 r11586  
    14291429}
    14301430
    1431 .bp-user #buddypress #message-thread .message-metadata {
    1432     overflow: hidden;
     1431.bp-user #buddypress #message-thread .message-metadata::after {
     1432    clear: both;
     1433    content: "";
     1434    display: table;
    14331435}
    14341436
    … …  
    14631465.bp-user #buddypress #message-thread .alt {
    14641466    background: #fff;
     1467}
     1468
     1469.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1470.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1471.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1472    left: 40px;
     1473    text-align: left;
    14651474}
    14661475
    … …  
    15151524    padding-right: 41px;
    15161525    width: 100%;
    1517 }
    1518 
    1519 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1520     content: " – " attr(title);
    1521     font-size: 12px;
    1522     font-size: 1.2rem;
    15231526}
    15241527
    … …  
    19231926}
    19241927
     1928#buddypress .messages-notices .bp-tooltip:hover::after,
     1929#buddypress .messages-notices .bp-tooltip:active::after,
     1930#buddypress .messages-notices .bp-tooltip:focus::after {
     1931    right: 0;
     1932    margin-top: 10px;
     1933    max-width: 240px;
     1934    left: auto;
     1935    text-align: right;
     1936    transform: translateX(0);
     1937}
     1938
    19251939/**
    19261940*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r11568 r11586  
    14291429}
    14301430
    1431 .bp-user #buddypress #message-thread .message-metadata {
    1432     overflow: hidden;
     1431.bp-user #buddypress #message-thread .message-metadata::after {
     1432    clear: both;
     1433    content: "";
     1434    display: table;
    14331435}
    14341436
    … …  
    14631465.bp-user #buddypress #message-thread .alt {
    14641466    background: #fff;
     1467}
     1468
     1469.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1470.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1471.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1472    right: 40px;
     1473    text-align: right;
    14651474}
    14661475
    … …  
    15151524    padding-left: 41px;
    15161525    width: 100%;
    1517 }
    1518 
    1519 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1520     content: " – " attr(title);
    1521     font-size: 12px;
    1522     font-size: 1.2rem;
    15231526}
    15241527
    … …  
    19231926}
    19241927
     1928#buddypress .messages-notices .bp-tooltip:hover::after,
     1929#buddypress .messages-notices .bp-tooltip:active::after,
     1930#buddypress .messages-notices .bp-tooltip:focus::after {
     1931    left: 0;
     1932    margin-top: 10px;
     1933    max-width: 240px;
     1934    right: auto;
     1935    text-align: left;
     1936    transform: translateX(0);
     1937}
     1938
    19251939/**
    19261940*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r11133 r11586  
    17641764
    17651765            .message-metadata {
    1766                 overflow: hidden;
     1766
     1767                &::after {
     1768                    clear: both;
     1769                    content: "";
     1770                    display: table;
     1771                }
    17671772
    17681773                img.avatar {
    … …  
    17991804            .alt {
    18001805                background: $content-background;
     1806            }
     1807
     1808            .bp-tooltip:hover::after,
     1809            .bp-tooltip:active::after,
     1810            .bp-tooltip:focus::after {
     1811                right: 40px;
     1812                text-align: right;
    18011813            }
    18021814
    … …  
    18491861                    padding-left: 41px;
    18501862                    width: 100%;
    1851 
    1852                     a::after {
    1853                         content: " \2013 \00a0"attr(title);
    1854                         @include font-size(12);
    1855                     }
    18561863                }
    18571864
    … …  
    22832290
    22842291    } // .notifications, .message-notices
     2292
     2293    .messages-notices {
     2294
     2295        .bp-tooltip:hover::after,
     2296        .bp-tooltip:active::after,
     2297        .bp-tooltip:focus::after {
     2298            left: 0;
     2299            margin-top: 10px;
     2300            max-width: 240px;
     2301            right: auto;
     2302            text-align: left;
     2303            transform: translateX(0);
     2304        }
     2305    }
     2306
    22852307} // #buddypress
    22862308

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css

    r11568 r11586  
    11361136}
    11371137
    1138 #buddypress table#message-threads tr td.thread-info a::after {
    1139     content: " – " attr(title);
    1140     font-size: 12px;
    1141     font-size: 0.75rem;
    1142 }
    1143 
    11441138#buddypress table#message-threads tr td.thread-options {
    11451139    text-align: left;
    … …  
    12081202    clear: right;
    12091203    margin-right: 0;
     1204}
     1205
     1206#buddypress #message-thread .bp-tooltip:hover::after,
     1207#buddypress #message-thread .bp-tooltip:active::after,
     1208#buddypress #message-thread .bp-tooltip:focus::after {
     1209    left: 40px;
     1210    text-align: left;
    12101211}
    12111212
    … …  
    12951296    line-height: initial;
    12961297    text-indent: 0;
     1298}
     1299
     1300#buddypress .messages-notices .bp-tooltip:hover::after,
     1301#buddypress .messages-notices .bp-tooltip:active::after,
     1302#buddypress .messages-notices .bp-tooltip:focus::after {
     1303    right: 0;
     1304    margin-top: 10px;
     1305    max-width: 240px;
     1306    left: auto;
     1307    text-align: right;
     1308    transform: translateX(0);
    12971309}
    12981310

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css

    r11568 r11586  
    11361136}
    11371137
    1138 #buddypress table#message-threads tr td.thread-info a::after {
    1139     content: " – " attr(title);
    1140     font-size: 12px;
    1141     font-size: 0.75rem;
    1142 }
    1143 
    11441138#buddypress table#message-threads tr td.thread-options {
    11451139    text-align: right;
    … …  
    12081202    clear: left;
    12091203    margin-left: 0;
     1204}
     1205
     1206#buddypress #message-thread .bp-tooltip:hover::after,
     1207#buddypress #message-thread .bp-tooltip:active::after,
     1208#buddypress #message-thread .bp-tooltip:focus::after {
     1209    right: 40px;
     1210    text-align: right;
    12101211}
    12111212
    … …  
    12951296    line-height: initial;
    12961297    text-indent: 0;
     1298}
     1299
     1300#buddypress .messages-notices .bp-tooltip:hover::after,
     1301#buddypress .messages-notices .bp-tooltip:active::after,
     1302#buddypress .messages-notices .bp-tooltip:focus::after {
     1303    left: 0;
     1304    margin-top: 10px;
     1305    max-width: 240px;
     1306    right: auto;
     1307    text-align: left;
     1308    transform: translateX(0);
    12971309}
    12981310

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

    r11134 r11586  
    14971497                padding-left: 41px;
    14981498                width: 100%;
    1499 
    1500                 a::after {
    1501                     content: " \2013 \00a0"attr(title);
    1502                     @include font-size(12);
    1503                 }
    15041499            }
    15051500
    … …  
    15751570            }
    15761571        }
     1572
     1573        .bp-tooltip:hover::after,
     1574        .bp-tooltip:active::after,
     1575        .bp-tooltip:focus::after {
     1576            right: 40px;
     1577            text-align: right;
     1578        }
    15771579    }
    15781580
    … …  
    16651667                text-indent: 0;
    16661668            }
     1669        }
     1670    }
     1671
     1672    .messages-notices {
     1673
     1674        .bp-tooltip:hover::after,
     1675        .bp-tooltip:active::after,
     1676        .bp-tooltip:focus::after {
     1677            left: 0;
     1678            margin-top: 10px;
     1679            max-width: 240px;
     1680            right: auto;
     1681            text-align: left;
     1682            transform: translateX(0);
    16671683        }
    16681684    }

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css

    r11568 r11586  
    15701570}
    15711571
    1572 .bp-user #buddypress #message-thread .message-metadata {
    1573     overflow: hidden;
     1572.bp-user #buddypress #message-thread .message-metadata::after {
     1573    clear: both;
     1574    content: "";
     1575    display: table;
    15741576}
    15751577
    … …  
    16041606.bp-user #buddypress #message-thread .alt {
    16051607    background: #fff;
     1608}
     1609
     1610.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1611.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1612.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1613    left: 40px;
     1614    text-align: left;
    16061615}
    16071616
    … …  
    16801689    padding-right: 41px;
    16811690    width: 100%;
    1682 }
    1683 
    1684 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1685     content: " ‗ " attr(title);
    1686     font-size: 12px;
    1687     font-size: 0.75rem;
    16881691}
    16891692
    … …  
    21502153}
    21512154
     2155#buddypress .messages-notices .bp-tooltip:hover::after,
     2156#buddypress .messages-notices .bp-tooltip:active::after,
     2157#buddypress .messages-notices .bp-tooltip:focus::after {
     2158    right: 0;
     2159    margin-top: 20px;
     2160    max-width: 240px;
     2161    left: auto;
     2162    text-align: right;
     2163    transform: translateX(0);
     2164}
     2165
    21522166/**
    21532167*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.css

    r11568 r11586  
    15701570}
    15711571
    1572 .bp-user #buddypress #message-thread .message-metadata {
    1573     overflow: hidden;
     1572.bp-user #buddypress #message-thread .message-metadata::after {
     1573    clear: both;
     1574    content: "";
     1575    display: table;
    15741576}
    15751577
    … …  
    16041606.bp-user #buddypress #message-thread .alt {
    16051607    background: #fff;
     1608}
     1609
     1610.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1611.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1612.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1613    right: 40px;
     1614    text-align: right;
    16061615}
    16071616
    … …  
    16801689    padding-left: 41px;
    16811690    width: 100%;
    1682 }
    1683 
    1684 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1685     content: " ‗ " attr(title);
    1686     font-size: 12px;
    1687     font-size: 0.75rem;
    16881691}
    16891692
    … …  
    21502153}
    21512154
     2155#buddypress .messages-notices .bp-tooltip:hover::after,
     2156#buddypress .messages-notices .bp-tooltip:active::after,
     2157#buddypress .messages-notices .bp-tooltip:focus::after {
     2158    left: 0;
     2159    margin-top: 20px;
     2160    max-width: 240px;
     2161    right: auto;
     2162    text-align: left;
     2163    transform: translateX(0);
     2164}
     2165
    21522166/**
    21532167*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss

    r11515 r11586  
    23072307
    23082308            .message-metadata {
    2309                 overflow: hidden;
     2309
     2310                &::after {
     2311                    clear: both;
     2312                    content: "";
     2313                    display: table;
     2314                }
    23102315
    23112316                img.avatar {
    … …  
    23452350            }
    23462351
     2352            .bp-tooltip:hover::after,
     2353            .bp-tooltip:active::after,
     2354            .bp-tooltip:focus::after {
     2355                right: 40px;
     2356                text-align: right;
     2357            }
    23472358        } // close message-thread  Singular view!
    23482359
    … …  
    24182429                    padding-left: 41px;
    24192430                    width: 100%;
    2420 
    2421                     a::after {
    2422                         content: " \2017 \00a0"attr(title);
    2423                         @include font-size(12);
    2424                     }
    24252431                }
    24262432
    … …  
    29572963
    29582964    .notifications { // table element
     2965
    29592966        .actions { // th element
    29602967            text-align: center;
     2968        }
     2969    }
     2970
     2971    .messages-notices {
     2972
     2973        .bp-tooltip:hover::after,
     2974        .bp-tooltip:active::after,
     2975        .bp-tooltip:focus::after {
     2976            left: 0;
     2977            margin-top: 20px;
     2978            max-width: 240px;
     2979            right: auto;
     2980            text-align: left;
     2981            transform: translateX(0);
    29612982        }
    29622983    }

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen-rtl.css

    r11568 r11586  
    13901390}
    13911391
    1392 .bp-user #buddypress #message-thread .message-metadata {
    1393     overflow: hidden;
     1392.bp-user #buddypress #message-thread .message-metadata::after {
     1393    clear: both;
     1394    content: "";
     1395    display: table;
    13941396}
    13951397
    … …  
    14241426.bp-user #buddypress #message-thread .alt {
    14251427    background: #fff;
     1428}
     1429
     1430.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1431.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1432.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1433    left: 40px;
     1434    text-align: left;
    14261435}
    14271436
    … …  
    14841493    padding-right: 41px;
    14851494    width: 100%;
    1486 }
    1487 
    1488 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1489     content: " ‖ " attr(title);
    1490     font-size: 12px;
    1491     font-size: 0.75rem;
    14921495}
    14931496
    … …  
    18991902}
    19001903
     1904#buddypress .messages-notices .bp-tooltip:hover::after,
     1905#buddypress .messages-notices .bp-tooltip:active::after,
     1906#buddypress .messages-notices .bp-tooltip:focus::after {
     1907    right: 0;
     1908    margin-top: 10px;
     1909    max-width: 240px;
     1910    left: auto;
     1911    text-align: right;
     1912    transform: translateX(0);
     1913}
     1914
    19011915/**
    19021916*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.css

    r11568 r11586  
    13901390}
    13911391
    1392 .bp-user #buddypress #message-thread .message-metadata {
    1393     overflow: hidden;
     1392.bp-user #buddypress #message-thread .message-metadata::after {
     1393    clear: both;
     1394    content: "";
     1395    display: table;
    13941396}
    13951397
    … …  
    14241426.bp-user #buddypress #message-thread .alt {
    14251427    background: #fff;
     1428}
     1429
     1430.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1431.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1432.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1433    right: 40px;
     1434    text-align: right;
    14261435}
    14271436
    … …  
    14841493    padding-left: 41px;
    14851494    width: 100%;
    1486 }
    1487 
    1488 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1489     content: " ‖ " attr(title);
    1490     font-size: 12px;
    1491     font-size: 0.75rem;
    14921495}
    14931496
    … …  
    18991902}
    19001903
     1904#buddypress .messages-notices .bp-tooltip:hover::after,
     1905#buddypress .messages-notices .bp-tooltip:active::after,
     1906#buddypress .messages-notices .bp-tooltip:focus::after {
     1907    left: 0;
     1908    margin-top: 10px;
     1909    max-width: 240px;
     1910    right: auto;
     1911    text-align: left;
     1912    transform: translateX(0);
     1913}
     1914
    19011915/**
    19021916*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

    r11263 r11586  
    18431843
    18441844            .message-metadata {
    1845                 overflow: hidden;
     1845
     1846                &::after {
     1847                    clear: both;
     1848                    content: "";
     1849                    display: table;
     1850                }
    18461851
    18471852                img.avatar {
    … …  
    18801885            }
    18811886
     1887            .bp-tooltip:hover::after,
     1888            .bp-tooltip:active::after,
     1889            .bp-tooltip:focus::after {
     1890                right: 40px;
     1891                text-align: right;
     1892            }
    18821893        } // close message-thread  Singular view!
    18831894
    … …  
    19371948                    padding-left: 41px;
    19381949                    width: 100%;
    1939 
    1940                     a::after {
    1941                         content: " \2016 \00a0"attr(title);
    1942                         @include font-size(12);
    1943                     }
    19441950                }
    19451951
    … …  
    23942400
    23952401    } // .notifications, .message-notices
     2402
     2403    .messages-notices {
     2404
     2405        .bp-tooltip:hover::after,
     2406        .bp-tooltip:active::after,
     2407        .bp-tooltip:focus::after {
     2408            left: 0;
     2409            margin-top: 10px;
     2410            max-width: 240px;
     2411            right: auto;
     2412            text-align: left;
     2413            transform: translateX(0);
     2414        }
     2415    }
     2416
    23962417} // #buddypress
    23972418

  • trunk/src/bp-templates/bp-legacy/css/twentyten-rtl.css

    r11568 r11586  
    13841384}
    13851385
    1386 .bp-user #buddypress #message-thread .message-metadata {
    1387     overflow: hidden;
     1386.bp-user #buddypress #message-thread .message-metadata::after {
     1387    clear: both;
     1388    content: "";
     1389    display: table;
    13881390}
    13891391
    … …  
    14181420.bp-user #buddypress #message-thread .alt {
    14191421    background: #fff;
     1422}
     1423
     1424.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1425.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1426.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1427    left: 40px;
     1428    text-align: left;
    14201429}
    14211430
    … …  
    14861495    padding-right: 41px;
    14871496    width: 100%;
    1488 }
    1489 
    1490 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1491     content: " ‖ " attr(title);
    1492     font-size: 12px;
    1493     font-size: 0.8rem;
    14941497}
    14951498
    … …  
    19411944}
    19421945
     1946.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1947.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1948.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1949    right: 0;
     1950    margin-top: 10px;
     1951    max-width: 240px;
     1952    left: auto;
     1953    text-align: right;
     1954    transform: translateX(0);
     1955}
     1956
    19431957/**
    19441958*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyten.css

    r11568 r11586  
    13841384}
    13851385
    1386 .bp-user #buddypress #message-thread .message-metadata {
    1387     overflow: hidden;
     1386.bp-user #buddypress #message-thread .message-metadata::after {
     1387    clear: both;
     1388    content: "";
     1389    display: table;
    13881390}
    13891391
    … …  
    14181420.bp-user #buddypress #message-thread .alt {
    14191421    background: #fff;
     1422}
     1423
     1424.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1425.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1426.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1427    right: 40px;
     1428    text-align: right;
    14201429}
    14211430
    … …  
    14861495    padding-left: 41px;
    14871496    width: 100%;
    1488 }
    1489 
    1490 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1491     content: " ‖ " attr(title);
    1492     font-size: 12px;
    1493     font-size: 0.8rem;
    14941497}
    14951498
    … …  
    19411944}
    19421945
     1946.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1947.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1948.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1949    left: 0;
     1950    margin-top: 10px;
     1951    max-width: 240px;
     1952    right: auto;
     1953    text-align: left;
     1954    transform: translateX(0);
     1955}
     1956
    19431957/**
    19441958*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentyten.scss

    r11006 r11586  
    18391839
    18401840            .message-metadata {
    1841                 overflow: hidden;
     1841
     1842                &::after {
     1843                    clear: both;
     1844                    content: "";
     1845                    display: table;
     1846                }
    18421847
    18431848                img.avatar {
    … …  
    18741879            .alt {
    18751880                background: $content-background;
     1881            }
     1882
     1883            .bp-tooltip:hover::after,
     1884            .bp-tooltip:active::after,
     1885            .bp-tooltip:focus::after {
     1886                right: 40px;
     1887                text-align: right;
    18761888            }
    18771889
    … …  
    19381950                    padding-left: 41px;
    19391951                    width: 100%;
    1940 
    1941                     a::after {
    1942                         content: " \2016 \00a0"attr(title);
    1943                         @include font-size(12);
    1944                     }
    19451952                }
    19461953
    … …  
    24232430        } // .notifications, .message-notices
    24242431
     2432        .messages-notices {
     2433
     2434            .bp-tooltip:hover::after,
     2435            .bp-tooltip:active::after,
     2436            .bp-tooltip:focus::after {
     2437                left: 0;
     2438                margin-top: 10px;
     2439                max-width: 240px;
     2440                right: auto;
     2441                text-align: left;
     2442                transform: translateX(0);
     2443            }
     2444        }
     2445
    24252446    } // #buddypress
    24262447} // .bp-user

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

    r11568 r11586  
    14401440}
    14411441
    1442 .bp-user #buddypress #message-thread .message-metadata {
    1443     overflow: hidden;
     1442.bp-user #buddypress #message-thread .message-metadata::after {
     1443    clear: both;
     1444    content: "";
     1445    display: table;
    14441446}
    14451447
    … …  
    14741476.bp-user #buddypress #message-thread .alt {
    14751477    background: #fff;
     1478}
     1479
     1480.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1481.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1482.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1483    left: 40px;
     1484    text-align: left;
    14761485}
    14771486
    … …  
    15341543    padding-right: 41px;
    15351544    width: 100%;
    1536 }
    1537 
    1538 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1539     content: " – " attr(title);
    1540     font-size: 12px;
    1541     font-size: 0.75rem;
    15421545}
    15431546
    … …  
    19391942}
    19401943
     1944#buddypress .messages-notices .bp-tooltip:hover::after,
     1945#buddypress .messages-notices .bp-tooltip:active::after,
     1946#buddypress .messages-notices .bp-tooltip:focus::after {
     1947    right: 0;
     1948    margin-top: 10px;
     1949    max-width: 240px;
     1950    left: auto;
     1951    text-align: right;
     1952    transform: translateX(0);
     1953}
     1954
    19411955/**
    19421956*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r11568 r11586  
    14401440}
    14411441
    1442 .bp-user #buddypress #message-thread .message-metadata {
    1443     overflow: hidden;
     1442.bp-user #buddypress #message-thread .message-metadata::after {
     1443    clear: both;
     1444    content: "";
     1445    display: table;
    14441446}
    14451447
    … …  
    14741476.bp-user #buddypress #message-thread .alt {
    14751477    background: #fff;
     1478}
     1479
     1480.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1481.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1482.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1483    right: 40px;
     1484    text-align: right;
    14761485}
    14771486
    … …  
    15341543    padding-left: 41px;
    15351544    width: 100%;
    1536 }
    1537 
    1538 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1539     content: " – " attr(title);
    1540     font-size: 12px;
    1541     font-size: 0.75rem;
    15421545}
    15431546
    … …  
    19391942}
    19401943
     1944#buddypress .messages-notices .bp-tooltip:hover::after,
     1945#buddypress .messages-notices .bp-tooltip:active::after,
     1946#buddypress .messages-notices .bp-tooltip:focus::after {
     1947    left: 0;
     1948    margin-top: 10px;
     1949    max-width: 240px;
     1950    right: auto;
     1951    text-align: left;
     1952    transform: translateX(0);
     1953}
     1954
    19411955/**
    19421956*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r11135 r11586  
    18471847
    18481848            .message-metadata {
    1849                 overflow: hidden;
     1849
     1850                &::after {
     1851                    clear: both;
     1852                    content: "";
     1853                    display: table;
     1854                }
    18501855
    18511856                img.avatar {
    … …  
    18821887            .alt {
    18831888                background: $content-background;
     1889            }
     1890
     1891            .bp-tooltip:hover::after,
     1892            .bp-tooltip:active::after,
     1893            .bp-tooltip:focus::after {
     1894                right: 40px;
     1895                text-align: right;
    18841896            }
    18851897
    … …  
    19371949                    padding-left: 41px;
    19381950                    width: 100%;
    1939 
    1940                     a::after {
    1941                         content: " \2013 \00a0"attr(title);
    1942                         @include font-size(12);
    1943                     }
    19441951
    19451952                    .thread-excerpt {
    … …  
    23732380
    23742381    } // .notifications, .message-notices
     2382
     2383    .messages-notices {
     2384
     2385        .bp-tooltip:hover::after,
     2386        .bp-tooltip:active::after,
     2387        .bp-tooltip:focus::after {
     2388            left: 0;
     2389            margin-top: 10px;
     2390            max-width: 240px;
     2391            right: auto;
     2392            text-align: left;
     2393            transform: translateX(0);
     2394        }
     2395    }
     2396
    23752397} // #buddypress
    23762398

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve-rtl.css

    r11568 r11586  
    14461446}
    14471447
    1448 .bp-user #buddypress #message-thread .message-metadata {
    1449     overflow: hidden;
     1448.bp-user #buddypress #message-thread .message-metadata::after {
     1449    clear: both;
     1450    content: "";
     1451    display: table;
    14501452}
    14511453
    … …  
    14801482.bp-user #buddypress #message-thread .alt {
    14811483    background: #fff;
     1484}
     1485
     1486.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1487.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1488.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1489    left: 40px;
     1490    text-align: left;
    14821491}
    14831492
    … …  
    15461555    padding-right: 41px;
    15471556    width: 100%;
    1548 }
    1549 
    1550 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1551     content: " ‖ " attr(title);
    1552     font-size: 12px;
    1553     font-size: 0.8571428571rem;
    15541557}
    15551558
    … …  
    19821985}
    19831986
     1987.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1988.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1989.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1990    right: 0;
     1991    margin-top: 10px;
     1992    max-width: 240px;
     1993    left: auto;
     1994    text-align: right;
     1995    transform: translateX(0);
     1996}
     1997
    19841998/**
    19851999*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve.css

    r11568 r11586  
    14461446}
    14471447
    1448 .bp-user #buddypress #message-thread .message-metadata {
    1449     overflow: hidden;
     1448.bp-user #buddypress #message-thread .message-metadata::after {
     1449    clear: both;
     1450    content: "";
     1451    display: table;
    14501452}
    14511453
    … …  
    14801482.bp-user #buddypress #message-thread .alt {
    14811483    background: #fff;
     1484}
     1485
     1486.bp-user #buddypress #message-thread .bp-tooltip:hover::after,
     1487.bp-user #buddypress #message-thread .bp-tooltip:active::after,
     1488.bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1489    right: 40px;
     1490    text-align: right;
    14821491}
    14831492
    … …  
    15461555    padding-left: 41px;
    15471556    width: 100%;
    1548 }
    1549 
    1550 .bp-user #buddypress #message-threads tr td.thread-info a::after {
    1551     content: " ‖ " attr(title);
    1552     font-size: 12px;
    1553     font-size: 0.8571428571rem;
    15541557}
    15551558
    … …  
    19821985}
    19831986
     1987.bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
     1988.bp-user #buddypress .messages-notices .bp-tooltip:active::after,
     1989.bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1990    left: 0;
     1991    margin-top: 10px;
     1992    max-width: 240px;
     1993    right: auto;
     1994    text-align: left;
     1995    transform: translateX(0);
     1996}
     1997
    19841998/**
    19851999*-------------------------------------------------------------------------------

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

    r11136 r11586  
    18871887
    18881888            .message-metadata {
    1889                 overflow: hidden;
     1889
     1890                &::after {
     1891                    clear: both;
     1892                    content: "";
     1893                    display: table;
     1894                }
    18901895
    18911896                img.avatar {
    … …  
    19221927            .alt {
    19231928                background: $content-background;
     1929            }
     1930
     1931            .bp-tooltip:hover::after,
     1932            .bp-tooltip:active::after,
     1933            .bp-tooltip:focus::after {
     1934                right: 40px;
     1935                text-align: right;
    19241936            }
    19251937
    … …  
    19861998                    padding-left: 41px;
    19871999                    width: 100%;
    1988 
    1989                     a::after {
    1990                         content: " \2016 \00a0"attr(title);
    1991                         @include font-size(12);
    1992                     }
    19932000                }
    19942001
    … …  
    24622469        } // .notifications, .message-notices
    24632470
     2471        .messages-notices {
     2472
     2473            .bp-tooltip:hover::after,
     2474            .bp-tooltip:active::after,
     2475            .bp-tooltip:focus::after {
     2476                left: 0;
     2477                margin-top: 10px;
     2478                max-width: 240px;
     2479                right: auto;
     2480                text-align: left;
     2481                transform: translateX(0);
     2482            }
     2483        }
     2484
    24642485    } // #buddypress
    24652486} // .bp-user

  • trunk/src/bp-templates/bp-legacy/js/buddypress.js

    r11497 r11586  
    15591559
    15601560                    if ( 1 === BP_PM_Star.is_single_thread ) {
    1561                         link.prop('title', BP_PM_Star.strings.title_star );
     1561                        link.attr('data-bp-tooltip', BP_PM_Star.strings.title_star );
    15621562                    } else {
    1563                         link.prop('title', BP_PM_Star.strings.title_star_thread );
     1563                        link.attr('data-bp-tooltip', BP_PM_Star.strings.title_star_thread );
    15641564                    }
    15651565
    … …  
    15701570
    15711571                    if ( 1 === BP_PM_Star.is_single_thread ) {
    1572                         link.prop('title', BP_PM_Star.strings.title_unstar );
     1572                        link.attr('data-bp-tooltip', BP_PM_Star.strings.title_unstar );
    15731573                    } else {
    1574                         link.prop('title', BP_PM_Star.strings.title_unstar_thread );
     1574                        link.attr('data-bp-tooltip', BP_PM_Star.strings.title_unstar_thread );
    15751575                    }
    15761576                }
Note: See TracChangeset for help on using the changeset viewer.