From 104992612b4af1eb82fa1d63ee3cb7e5fb8924d0 Mon Sep 17 00:00:00 2001
From: Andromeda Yelton <andromeda.yelton@gmail.com>
Date: Fri, 19 Oct 2012 15:01:06 -0400
Subject: [PATCH] first pass at making things visually distinct if there are
 notifications

---
 frontend/templates/base.html          |   4 +---
 static/css/sitewide.css               |  12 ++++++++++++
 static/images/menu_bar_down_arrow.png | Bin 0 -> 427 bytes
 static/images/menu_bar_up_arrow.png   | Bin 0 -> 432 bytes
 static/less/sitewide.less             |  13 +++++++++++--
 5 files changed, 24 insertions(+), 5 deletions(-)
 create mode 100644 static/images/menu_bar_down_arrow.png
 create mode 100644 static/images/menu_bar_up_arrow.png

diff --git a/frontend/templates/base.html b/frontend/templates/base.html
index 2ff10a74..739da2da 100644
--- a/frontend/templates/base.html
+++ b/frontend/templates/base.html
@@ -85,7 +85,7 @@
                 <div class="js-topmenu" id="authenticated">
                     <ul class="menu">
                         <li>
-                            <a href="#"><span id="welcome">{{ user.username }}</span></a>
+                            <a href="#"><span id="welcome">Hi, {{ user.username }} {% if unseen_count %}<img src="/static/images/menu_bar_down_arrow.png">{% endif %}</span></a>
                         </li>
                         <ul id="user_menu">
                             <li><a href="{% url supporter supporter_username=user.username %}">Wishlist</a></li>
@@ -103,8 +103,6 @@
                             <li><a href="{% url auth_logout %}"><span>Sign Out</span></a></li>
                         </ul>
                         <li>
-                            {% comment %}
-                            {% endcomment %}
                             {% if supporter.profile.pic_url %}
                                 <img class="user-avatar" src="{{ supporter.profile.pic_url }}" height=36 width="36" alt="Picture of {{ supporter }}" title="{{ supporter }}" />
                             {% else %}
diff --git a/static/css/sitewide.css b/static/css/sitewide.css
index 14f93fb4..f754af13 100644
--- a/static/css/sitewide.css
+++ b/static/css/sitewide.css
@@ -612,6 +612,15 @@ ul.menu {
   float: right;
   margin-top: 25px;
 }
+.js-topmenu#authenticated {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  height: 36px;
+}
 .js-topmenu#authenticated:hover,
 .js-topmenu#authenticated.highlight {
   background: #d6dde0;
@@ -686,6 +695,9 @@ ul.menu {
   padding: 0 10px;
   margin-right: 5px;
 }
+.js-topmenu ul li span#welcome img {
+  vertical-align: middle;
+}
 .js-topmenu ul li img {
   padding: 0;
   margin: 0;
diff --git a/static/images/menu_bar_down_arrow.png b/static/images/menu_bar_down_arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..51e1136114d2116d19bf1f019255bb6099d58dab
GIT binary patch
literal 427
zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co#^NA%Cx&(BWL^R}Y)RhkE<hRx
zemd{22U45`9+AZi4BWyX%*Zfnjs#GUy~NYkmHiHvu#l?t^Sm2Bfu?ACx;TbdoK8+@
zXu6mDZ6Xg3PbLua@w6OdWMgZKJQ~J6-PiyKoOoX(CM0O2Dad{ii<Z?%Y}u6{$vpGH
z>*Mzi`UL1t;N9^vvUp|(4|C0dDV)bPiRmV5Y`Jk<;b3NScst8-Ugw2J?bxy}8tq7a
z&^AM}8f2h>%PVuk6CbM*Oda~JH!BA1=XAAY27)^io{GPI&~)%tDo<9Eq6XUv&Nc&<
z?8CY4f&AuAj(%6x5W4p&vY`12i?hU@tD6IODn9<@m~;NkyfqgX9@qT*-0|?>?cF@P
zg!%-|DlOxw|5s$ZL*w{k6NaOzJ7Q9_<(sZEtZ7Ry=9tfD!Ru%aq=24{m#pr;`F^><
zLD__)goGKco<)Cuef*xHmQnUj^>WWWtMkdPB~}K`V_>+$lDp{%>&k_|kYw<5^>bP0
Hl+XkK)Qp^d

literal 0
HcmV?d00001

diff --git a/static/images/menu_bar_up_arrow.png b/static/images/menu_bar_up_arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f29c13540f8e9c5aa5909b2b6a8a6b754cb7419
GIT binary patch
literal 432
zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co#^NA%Cx&(BWL^R}Y)RhkE<hRx
zemd{22U45`9+AZi4BWyX%*Zfnjs#GUy~NYkmHiHvu#l?q7bb`GKvN7nT^vI!PA|Q(
z(VHny=D^4G{z5MOd{IjrW1{j3xfZefmfrR9U*op6jO>DfDS90b*#0-fyt~6v$f0O*
zLQIj<U#iF;%F1PqOxBAjOqJ^8_rKcO{khltJ&8eGyjtevZngq08Q~b|6=icg*XH$g
z{5~L>z+`Er&Hf_NH}F!{B2nYruFN}>Q$D|R68|UYH2u~+E8$JnCserS$lsalDVB0>
z-vmateLM{l^-nLD!of7{q=F!e&7Rwh6DBbBE<F0V-8DJGQ&EvQ=6yNW_03Bs{MfzW
zjATgI0i)}i3)w`ky^UA&&-Z1>`YZG}viL1)U%GGB-%I=dG8k@-{-YLE{Lp@x##fer
zUXx=bh0^}3JEyN%rg0#V<M10(yZlG%`{S2fb<tj}skdSC!}1Gkde-Nj?8@u=!RYUu
Vsq{_Tcqb^VJzf1=);T3K0RXIhqpbh{

literal 0
HcmV?d00001

diff --git a/static/less/sitewide.less b/static/less/sitewide.less
index e03b4ea8..fbb1f785 100644
--- a/static/less/sitewide.less
+++ b/static/less/sitewide.less
@@ -267,12 +267,17 @@ ul.menu{
     float:right;
     margin-top:25px;
 
+    &#authenticated {
+        .one-border-radius(5px);
+        height: 36px;
+    }
+    
     &#authenticated:hover, &#authenticated.highlight {
         background: @blue-grey;
         cursor: pointer;
         position: relative;
     }
-
+    
     ul {
         &#user_menu {
             display: none;
@@ -320,7 +325,11 @@ ul.menu{
                 color:@green;
                 .header-text;
                 padding: 0 10px;
-                margin-right: 5px;                
+                margin-right: 5px;    
+                
+                img {
+                    vertical-align: middle;
+                }
             }
             
             img {