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

Add dummy dismiss-all button

Browse Source
This commit is contained in:
ClemDee 2019-06-27 10:15:05 +02:00
parent bea13317fe
commit 8c2903892b
2 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,6 +13,12 @@
display: flex; display: flex;
flex-flow: column; flex-flow: column;
.cp-clickable {
cursor: pointer;
&:hover {
background-color: rgba(0,0,0,0.1);
}
}
.cp-app-notifications-panel { .cp-app-notifications-panel {
display: flex; display: flex;
@ -22,10 +28,37 @@
width: 100%; width: 100%;
.cp-app-notifications-panel-titlebar { .cp-app-notifications-panel-titlebar {
padding: 1rem 1rem; display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
background-color: #777; background-color: #777;
color: white; color: white;
.cp-app-notifications-panel-title {
flex-grow: 1;
margin: 1rem 1rem;
}
.cp-app-notifications-panel-titlebar-buttons {
align-self: stretch;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
.cp-app-notifications-dismissall {
align-self: stretch;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
}
}
} }
.cp-app-notifications-panel-list { .cp-app-notifications-panel-list {
@ -50,10 +83,6 @@
.cp-notification-content { .cp-notification-content {
flex-grow: 1; flex-grow: 1;
cursor: pointer;
&:hover {
background-color: #eee;
}
p { p {
margin: 1rem 1rem; margin: 1rem 1rem;
} }
@ -67,12 +96,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
background-color: white;
cursor: pointer;
width: 3rem; width: 3rem;
&:hover {
background-color: rgba(0, 0, 0, 0.1);
}
} }
} }
} }

6
www/notifications/inner.js
View File

@ -63,9 +63,11 @@ define([
create['all'] = function () { create['all'] = function () {
var key = 'all'; var key = 'all';
var $div = makeBlock(key); var $div = makeBlock(key);
var dismissAll = h("div.cp-app-notifications-dismissall.cp-clickable", { title: Messages.dismissAll || "Dismiss All" }, h("span.fa.fa-trash"));
var titleButtons = h("div.cp-app-notifications-panel-titlebar-buttons", dismissAll);
var notifsTitlebar = h('div.cp-app-notifications-panel-titlebar', [ var notifsTitlebar = h('div.cp-app-notifications-panel-titlebar', [
h("span.cp-app-notifications-panel-title", (Messages.notifications || "Notifications") + " - " + key), h("span.cp-app-notifications-panel-title", (Messages.notifications || "Notifications") + " - " + key),
h("div.cp-app-notifications-panel-titlebar-buttons") titleButtons
]); ]);
var notifsList = h("div.cp-app-notifications-panel-list"); var notifsList = h("div.cp-app-notifications-panel-list");
var notifsPanel = h("div.cp-app-notifications-panel", [ var notifsPanel = h("div.cp-app-notifications-panel", [
@ -107,7 +109,7 @@ define([
Object.keys(categories).forEach(function (key) { Object.keys(categories).forEach(function (key) {
var $category = $('<div>', {'class': 'cp-sidebarlayout-category'}).appendTo($categories); var $category = $('<div>', {'class': 'cp-sidebarlayout-category'}).appendTo($categories);
if (key === 'all') { $category.append($('<span>', {'class': 'fa fa-bars'})); } if (key === 'all') { $category.append($('<span>', {'class': 'fa fa-bars'})); }
if (key === 'friends') { $category.append($('<span>', {'class': 'fa fa-user-plus'})); } if (key === 'friends') { $category.append($('<span>', {'class': 'fa fa-user'})); }
if (key === 'pads') { $category.append($('<span>', {'class': 'cptools cptools-pad'})); } if (key === 'pads') { $category.append($('<span>', {'class': 'cptools cptools-pad'})); }
if (key === active) { if (key === active) {