added notification badge
This commit is contained in:
parent
afd750536f
commit
c48e792c75
2 changed files with 16 additions and 1 deletions
|
|
@ -54,6 +54,7 @@
|
|||
.badge{:id => "notification_badge"}
|
||||
= link_to(image_tag('icons/notifications_grey.png', :height => 16, :width => 16, :id => 'notification-flag'), notifications_path)
|
||||
.badge_count
|
||||
= current_user.unread_notifications.count
|
||||
|
||||
- if user_signed_in?
|
||||
.right
|
||||
|
|
|
|||
|
|
@ -283,7 +283,7 @@ body {
|
|||
text-decoration: none; }
|
||||
#nav_badges .badge {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
top: -15px;
|
||||
display: inline;
|
||||
margin: 0 2px;
|
||||
padding: 8px 3px;
|
||||
|
|
@ -294,6 +294,20 @@ body {
|
|||
#nav_badges .badge:hover .badge_count {
|
||||
background-color: #bd0902; }
|
||||
|
||||
.badge_count {
|
||||
-moz-border-radius: 2px 2px 2px 2px;
|
||||
-webkit-border-radius: 2px 2px 2px 2px;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 13px;
|
||||
padding: 0 2px;
|
||||
padding-bottom: 1px;
|
||||
background-color: #a40802;
|
||||
line-height: 12px;
|
||||
color: white; }
|
||||
|
||||
#header_title {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue