github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix layout of notifications

Browse source
This commit is contained in:
Shane Kilkelly 2016-08-17 10:31:05 +01:00
parent 4805c96584
commit c98e473bc3
2 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
services/web/app/views/project/list/notifications.jade
View file

@ -9,10 +9,9 @@ span(ng-controller="NotificationsController").userNotifications
.row(ng-hide="unreadNotification.hide")
.col-xs-12
.alert.alert-info
.row
.col-xs-11
span(ng-bind-html="unreadNotification.html")
.col-xs-1
div.notification_inner
span(ng-bind-html="unreadNotification.html").notification_body
span().notification_close
button(ng-click="dismiss(unreadNotification)").close.pull-right
span(aria-hidden="true") ×
span.sr-only #{translate("close")}

20
services/web/public/stylesheets/app/project-list.less
View file

@ -32,10 +32,24 @@
ul {
margin-bottom:0px;
}
.alert {
.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
.notification_entry {
.alert {
.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
.notification_inner {
display: table-row;
.notification_body {
display: table-cell;
width: 99%;
padding-right: 15px;
vertical-align: middle;
}
.notification_close {
display: table-cell;
vertical-align: middle;
}
}
}
}
}
ul.folders-menu {