Changeset 2476

Timestamp:

01/29/2010 02:56:12 PM (17 years ago)

Author:

apeatling

Message:

Adding more prominent @username display.

Location:

trunk/bp-themes/bp-default

Files:

• _inc/css/default.css (modified) (3 diffs)
• _inc/global.js (modified) (3 diffs)
• functions.php (modified) (1 diff)
• members/single/member-header.php (modified) (1 diff)

trunk/bp-themes/bp-default/_inc/css/default.css

@@ -309 +309 @@
         }
 
-        div#item-header span.activity {
-                margin: 0 0 5px 4px;
-                vertical-align: bottom;
+        div#item-header h2 { margin-bottom: 5px; }
+
+        div#item-header span.activity, div#item-header h2 span.highlight {
+                vertical-align: middle;
                 font-size: 11px;
                 font-weight: normal;
                 line-height: 170%;
         }
-                .groups div#item-header span.activity { margin-bottom: -2px; }
+
+        div#item-header h2 span.highlight { font-size: 16px; }
+        div#item-header h2 span.highlight span {
+                position: relative;
+                top: -2px;
+                right: -2px;
+                font-weight: bold;
+                font-size: 11px;
+                background: #a1dcfa;
+                color: #fff;
+                padding: 1px 4px;
+                margin-bottom: 2px;
+                -moz-border-radius: 3px;
+                -webkit-border-radius: 3px;
+                vertical-align: middle;
+                cursor: pointer;
+                display: none;
+        }
 
         div#item-header div#item-meta {
@@ -359 +377 @@
                 float: left;
                 margin: 10px 10px 0 0;
+        }
+
+        div#item-header div#message.info {
+                margin-left: 170px;
+                line-height: 80%;
         }
 
@@ -525 +548 @@
         border-right: 1px solid #FFE8C4;
         color: #ffa200;
-        padding: 2px 8px;
-        margin-top: 8px;
+        padding: 1px 8px;
+        margin-top: 6px;
         text-decoration: none;
         -moz-border-radius: 3px;

trunk/bp-themes/bp-default/_inc/global.js

@@ -34 +34 @@
         }
 
-        /* @message Compose Scrolling */
+        /* @mention Compose Scrolling */
         if ( j.query.get('r') ) {
                 if ( j('textarea#whats-new').length ) {
@@ -41 +41 @@
                 }
         }
+
+        /* @mention username help button display */
+        if ( j( 'span.highlight span' ).length )
+                j( 'span.highlight span' ).toggle();
 
         /**** Activity Posting ********************************************************/
@@ -445 +449 @@
                 }
         });
+
+        /**** @mention username help tooltip **************************************/
+
+        j('span.highlight span').click( function() {
+                j('div.help').remove();
+                j(this).parent().after( '<div id="message" class="info help"><p>' + bp_mention_explain + '</p></div>' );
+                j('div.help').hide().slideDown(200);
+        })
 
         /**** Directory Search ****************************************************/

trunk/bp-themes/bp-default/functions.php

@@ -210 +210 @@
         var bp_terms_show_all = '<?php _e( "Show all", "buddypress" ) ?>';
         var bp_terms_comments = '<?php _e( "comments", "buddypress" ) ?>';
+        var bp_mention_explain = '<?php printf( __( "%s is a unique identifier for %s that you can type into any message on this site. %s will be sent a notification and a link to your message any time you use it.", "buddypress" ), '@' . bp_get_displayed_user_username(), bp_dtheme_firstname(bp_get_displayed_user_fullname()), bp_dtheme_firstname(bp_get_displayed_user_fullname()) ); ?>';
         </script>
 <?php

trunk/bp-themes/bp-default/members/single/member-header.php

@@ -3 +3 @@
 <?php bp_displayed_user_avatar( 'type=full' ) ?>
 
-<h2 class="fn"><a href="<?php bp_user_link() ?>"><?php bp_displayed_user_fullname() ?></a> <span class="activity"><?php bp_last_activity( bp_displayed_user_id() ) ?></span></h2>
+<h2 class="fn"><a href="<?php bp_user_link() ?>"><?php bp_displayed_user_fullname() ?></a> <span class="highlight">@<?php bp_displayed_user_username() ?> <span>?</span></h2>
+<span class="activity"><?php bp_last_activity( bp_displayed_user_id() ) ?></span>
 
 <?php do_action( 'bp_before_member_header_meta' ) ?>