web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add no-notifications indicator when list empty

Browse Source
This commit is contained in:
ClemDee 2019-06-27 11:37:13 +02:00
parent 0f372b2ed5
commit 19a3524ab5
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
www/notifications/app-notifications.less
View File

@ -77,8 +77,17 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
background-color: #ffffff; background-color: #ffffff;
&:not(:last-child) { &.no-notifications {
border-bottom: 1px solid #ccc; display: none;
padding: 1rem 1rem;
font-style: italic;
color: #777;
&:only-child {
display: block;
}
}
&:not(:first-child) {
border-top: 1px solid #ccc;
} }
.cp-notification-content { .cp-notification-content {

4
www/notifications/inner.js
View File

@ -65,7 +65,9 @@ define([
dismissAll = h("div.cp-app-notifications-dismissall.cp-clickable", { title: Messages.dismissAll || "Dismiss All" }, h("span.fa.fa-trash")), dismissAll = h("div.cp-app-notifications-dismissall.cp-clickable", { title: Messages.dismissAll || "Dismiss All" }, h("span.fa.fa-trash")),
]), ]),
]), ]),
notifsList = h("div.cp-app-notifications-panel-list"), notifsList = h("div.cp-app-notifications-panel-list", [
h("div.cp-notification.no-notifications", Messages.notifications_empty),
]),
]); ]);
$div.append(notifsPanel); $div.append(notifsPanel);