Initial view and styling.

This commit is contained in:
Nicolas Perriault 2017-04-30 11:40:32 +02:00
parent b341f31b50
commit dbb32037b7
No known key found for this signature in database
GPG Key ID: DA5E4C83904F7A2A
2 changed files with 38 additions and 1 deletions

View File

@ -67,6 +67,11 @@ body {
padding-top: 6px;
}
.notifications-panel .btn-group-justified .btn {
border-radius: 0;
border-bottom: 0;
}
.notification.reblog,
.notification.favourite {
opacity: .75;

View File

@ -503,10 +503,42 @@ notificationEntryView currentUser notification =
notificationListView : CurrentUser -> List NotificationAggregate -> Html Msg
notificationListView currentUser notifications =
div [ class "col-md-3 column" ]
[ div [ class "panel panel-default" ]
[ div [ class "panel panel-default notifications-panel" ]
[ a
[ href "", onClickWithPreventAndStop <| ScrollColumn ScrollTop "notifications" ]
[ div [ class "panel-heading" ] [ icon "bell", text "Notifications" ] ]
, justifiedButtonGroup
[ button
[ type_ "button"
, class "btn btn-primary"
, title "All notifications"
]
[ icon "asterisk" ]
, button
[ type_ "button"
, class "btn btn-default"
, title "Mentions"
]
[ icon "share-alt" ]
, button
[ type_ "button"
, class "btn btn-default"
, title "Boosts"
]
[ icon "fire" ]
, button
[ type_ "button"
, class "btn btn-default"
, title "Favorites"
]
[ icon "star" ]
, button
[ type_ "button"
, class "btn btn-default"
, title "Follows"
]
[ icon "user" ]
]
, ul [ id "notifications", class "list-group timeline" ] <|
List.map (notificationEntryView currentUser) notifications
]