Skip to:
Content

Changeset 11586


Ignore:
Timestamp:
06/10/17 19:56:32 (7 months 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.