Basic styling for notifications

Need to move this into a directive at some point
This commit is contained in:
Josef Citrine 2016-05-27 23:46:20 +01:00
parent ef598a72ef
commit ce5b060194
2 changed files with 16 additions and 3 deletions

View file

@ -1,4 +1,4 @@
<div ng-repeat="notification in notifications">
<a href="{{ notification.url }}"><img pfm-src-loader="::notification.thumbnail_url" pfm-src-size="thumbnail"></a>
<a href="{{ notification.url }}"><p>{{ notification.text }}</p></a>
<div ng-repeat="notification in notifications" class="notification">
<a href="{{ notification.url }}" class="img-link"><img pfm-src-loader="::notification.thumbnail_url" pfm-src-size="thumbnail"></a>
<a href="{{ notification.url }}" class="message"><p>{{ notification.text }}</p></a>
</div>

View file

@ -539,3 +539,16 @@ html {
}
}
}
.notification {
min-height: 50px;
margin-bottom: 10px;
.img-link {
float: left;
}
.message {
margin-left: 60px;
display: block;
}
}