basic stuff added

This commit is contained in:
Andreas N 2015-01-26 17:16:32 +01:00
parent e9c7c5120b
commit da9c15d43c
2 changed files with 67 additions and 1 deletions

View File

@ -19,4 +19,28 @@
color: $gray;
opacity: 0.4;
z-index: 0;
}
.notification--dropdown {
min-width: 370px;
}
.notification--dropdown-media {
padding: 3px 5px;
}
.notification--dropdown-user, .notification--dropdown-text {
margin-bottom: 0px;
overflow: hidden;
}
.notification--dropdown-user {
margin-top: 3px;
}
.notification--dropdown-img {
min-height: 32px;
min-width: 32px;
height: 32px;
width: 32px;
}

View File

@ -1 +1,43 @@
= nav_entry "Notifications", notifications_path, badge: notification_count
= nav_entry "Notifications", notifications_path, badge: notification_count
%li.dropdown.hidden-xs
%a.dropdown-toggle{href: "#", "data-toggle" => "dropdown"}
Notifications
%span.badge= notification_count
%ul.dropdown-menu.notification--dropdown
%li
.media.notification--dropdown-media
.pull-left
%img.img-rounded.notification--dropdown-img
.media-body
%h6.media-heading.notification--dropdown-user
username
.notification--dropdown-text
followed you 33 minutes ago
%li
.media.notification--dropdown-media
.pull-left
%img.img-rounded.notification--dropdown-img
.media-body
%h6.media-heading.notification--dropdown-user
username
.notification--dropdown-text
smiled at your answer about 1 hour ago
%li
.media.notification--dropdown-media
.pull-left
%img.img-rounded.notification--dropdown-img
.media-body
%h6.media-heading.notification--dropdown-user
username
.notification--dropdown-text
answered your question about 4 hours ago
%li
.media.notification--dropdown-media
.pull-left
%img.img-rounded.notification--dropdown-img
.media-body
%h6.media-heading.notification--dropdown-user
username
.notification--dropdown-text
commented on your answer about 5 hours ago
%li= link_to "Show all Notifications", notifications_path