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") .row(ng-hide="unreadNotification.hide")
.col-xs-12 .col-xs-12
.alert.alert-info .alert.alert-info
.row div.notification_inner
.col-xs-11 span(ng-bind-html="unreadNotification.html").notification_body
span(ng-bind-html="unreadNotification.html") span().notification_close
.col-xs-1
button(ng-click="dismiss(unreadNotification)").close.pull-right button(ng-click="dismiss(unreadNotification)").close.pull-right
span(aria-hidden="true") × span(aria-hidden="true") ×
span.sr-only #{translate("close")} span.sr-only #{translate("close")}

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

@ -32,10 +32,24 @@
ul { ul {
margin-bottom:0px; margin-bottom:0px;
} }
.alert { .notification_entry {
.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25)); .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 { ul.folders-menu {