<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css"><!--
#msg dl { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fc0 solid; padding: 6px; }
#msg ul, pre { overflow: auto; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<title>[BuddyPress] [2476] trunk/bp-themes/bp-default: Adding more prominent @
username display.</title>
</head>
<body>
<div id="msg">
<dl>
<dt>Revision</dt> <dd>2476</dd>
<dt>Author</dt> <dd>apeatling</dd>
<dt>Date</dt> <dd>2010-01-29 14:56:12 +0000 (Fri, 29 Jan 2010)</dd>
</dl>
<h3>Log Message</h3>
<pre>Adding more prominent @username display.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkbpthemesbpdefault_inccssdefaultcss">trunk/bp-themes/bp-default/_inc/css/default.css</a></li>
<li><a href="#trunkbpthemesbpdefault_incglobaljs">trunk/bp-themes/bp-default/_inc/global.js</a></li>
<li><a href="#trunkbpthemesbpdefaultfunctionsphp">trunk/bp-themes/bp-default/functions.php</a></li>
<li><a href="#trunkbpthemesbpdefaultmemberssinglememberheaderphp">trunk/bp-themes/bp-default/members/single/member-header.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkbpthemesbpdefault_inccssdefaultcss"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/_inc/css/default.css (2475 => 2476)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/_inc/css/default.css 2010-01-29 14:11:10 UTC (rev 2475)
+++ trunk/bp-themes/bp-default/_inc/css/default.css 2010-01-29 14:56:12 UTC (rev 2476)
</span><span class="lines">@@ -308,15 +308,33 @@
</span><span class="cx"> margin: 0 15px 25px 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>- div#item-header span.activity {
- margin: 0 0 5px 4px;
- vertical-align: bottom;
</del><ins>+ div#item-header h2 { margin-bottom: 5px; }
+
+ div#item-header span.activity, div#item-header h2 span.highlight {
+ vertical-align: middle;
</ins><span class="cx"> font-size: 11px;
</span><span class="cx"> font-weight: normal;
</span><span class="cx"> line-height: 170%;
</span><span class="cx"> }
</span><del>- .groups div#item-header span.activity { margin-bottom: -2px; }
</del><span class="cx">
</span><ins>+ 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;
+ }
+
</ins><span class="cx"> div#item-header div#item-meta {
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> color: #aaa;
</span><span class="lines">@@ -360,7 +378,12 @@
</span><span class="cx"> margin: 10px 10px 0 0;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+ div#item-header div#message.info {
+ margin-left: 170px;
+ line-height: 80%;
+ }
</ins><span class="cx">
</span><ins>+
</ins><span class="cx"> /* > Item Lists (Activity, Friend, Group lists)
</span><span class="cx"> -------------------------------------------------------------- */
</span><span class="cx">
</span><span class="lines">@@ -524,8 +547,8 @@
</span><span class="cx"> border-bottom: 1px solid #FFE8C4;
</span><span class="cx"> border-right: 1px solid #FFE8C4;
</span><span class="cx"> color: #ffa200;
</span><del>- padding: 2px 8px;
- margin-top: 8px;
</del><ins>+ padding: 1px 8px;
+ margin-top: 6px;
</ins><span class="cx"> text-decoration: none;
</span><span class="cx"> -moz-border-radius: 3px;
</span><span class="cx"> -webkit-border-radius: 3px;
</span></span></pre></div>
<a id="trunkbpthemesbpdefault_incglobaljs"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/_inc/global.js (2475 => 2476)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/_inc/global.js 2010-01-29 14:11:10 UTC (rev 2475)
+++ trunk/bp-themes/bp-default/_inc/global.js 2010-01-29 14:56:12 UTC (rev 2476)
</span><span class="lines">@@ -33,7 +33,7 @@
</span><span class="cx"> bp_filter_request( 'forums', j.cookie('bp-forums-filter'), j.cookie('bp-forums-scope'), 'div.forums' );
</span><span class="cx"> }
</span><span class="cx">
</span><del>- /* @message Compose Scrolling */
</del><ins>+ /* @mention Compose Scrolling */
</ins><span class="cx"> if ( j.query.get('r') ) {
</span><span class="cx"> if ( j('textarea#whats-new').length ) {
</span><span class="cx"> j.scrollTo( j('textarea#whats-new'), 500, { offset:-125, easing:'easeout' } );
</span><span class="lines">@@ -41,6 +41,10 @@
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+ /* @mention username help button display */
+ if ( j( 'span.highlight span' ).length )
+ j( 'span.highlight span' ).toggle();
+
</ins><span class="cx"> /**** Activity Posting ********************************************************/
</span><span class="cx">
</span><span class="cx"> /* New posts */
</span><span class="lines">@@ -445,6 +449,14 @@
</span><span class="cx"> }
</span><span class="cx"> });
</span><span class="cx">
</span><ins>+ /**** @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);
+ })
+
</ins><span class="cx"> /**** Directory Search ****************************************************/
</span><span class="cx">
</span><span class="cx"> /* The search form on all directory pages */
</span></span></pre></div>
<a id="trunkbpthemesbpdefaultfunctionsphp"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/functions.php (2475 => 2476)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/functions.php 2010-01-29 14:11:10 UTC (rev 2475)
+++ trunk/bp-themes/bp-default/functions.php 2010-01-29 14:56:12 UTC (rev 2476)
</span><span class="lines">@@ -209,6 +209,7 @@
</span><span class="cx"> var bp_terms_show_all_comments = '<?php _e( "Show all comments for this thread", "buddypress" ) ?>';
</span><span class="cx"> var bp_terms_show_all = '<?php _e( "Show all", "buddypress" ) ?>';
</span><span class="cx"> var bp_terms_comments = '<?php _e( "comments", "buddypress" ) ?>';
</span><ins>+ 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()) ); ?>';
</ins><span class="cx"> </script>
</span><span class="cx"> <?php
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkbpthemesbpdefaultmemberssinglememberheaderphp"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/members/single/member-header.php (2475 => 2476)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/members/single/member-header.php 2010-01-29 14:11:10 UTC (rev 2475)
+++ trunk/bp-themes/bp-default/members/single/member-header.php 2010-01-29 14:56:12 UTC (rev 2476)
</span><span class="lines">@@ -2,7 +2,8 @@
</span><span class="cx">
</span><span class="cx"> <?php bp_displayed_user_avatar( 'type=full' ) ?>
</span><span class="cx">
</span><del>-<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>
</del><ins>+<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>
</ins><span class="cx">
</span><span class="cx"> <?php do_action( 'bp_before_member_header_meta' ) ?>
</span><span class="cx">
</span></span></pre>
</div>
</div>
</body>
</html>