nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added notification badge

Browse source
This commit is contained in:
Diaspora Europe 2012-03-13 17:27:40 +01:00
parent afd750536f
commit c48e792c75
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/views/layouts/application.mobile.haml
View file

@ -54,6 +54,7 @@
.badge{:id => "notification_badge"} .badge{:id => "notification_badge"}
= link_to(image_tag('icons/notifications_grey.png', :height => 16, :width => 16, :id => 'notification-flag'), notifications_path) = link_to(image_tag('icons/notifications_grey.png', :height => 16, :width => 16, :id => 'notification-flag'), notifications_path)
.badge_count .badge_count
= current_user.unread_notifications.count
- if user_signed_in? - if user_signed_in?
.right .right

16
public/stylesheets/sass/mobile.scss
View file

@ -283,7 +283,7 @@ body {
text-decoration: none; } text-decoration: none; }
#nav_badges .badge { #nav_badges .badge {
position: relative; position: relative;
top: 2px; top: -15px;
display: inline; display: inline;
margin: 0 2px; margin: 0 2px;
padding: 8px 3px; padding: 8px 3px;
@ -294,6 +294,20 @@ body {
#nav_badges .badge:hover .badge_count { #nav_badges .badge:hover .badge_count {
background-color: #bd0902; } 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 { #header_title {
position: relative; position: relative;
top: -3px; top: -3px;