Changeset 2476

Timestamp:

01/29/2010 02:56:12 PM (15 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' ) ?>