infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Notifications app dark

pull/1/head
yflory 2021-01-27 17:53:41 +01:00
parent b7681ffbf2
commit 59ca7ac4d2
4 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
customize.dist/src/less2/include/colortheme-dark.less
View File

@ -394,5 +394,12 @@
@cp_kanban-color0: @cryptpad_color_neutral2_grey;
@cp_kanban-colors: darken(#FFD4D4,75%), darken(#FFDECA, 75%), darken(#FFE69C,75%), darken(#DBFFB7,75%), darken(#AFFDC2,75%), darken(#C9FFFE,75%), darken(#C8D6FF,75%), darken(#E4CAFF,75%);
// Notifications
@cp_notif-hover: fade(@cryptpad_color_black, 10%);
@cp_notif-header-bg: @cryptpad_color_hint_grey;
@cp_notif-header-fg: @cryptpad_color_white;
@cp_notif-table-border: @cryptpad_color_neutral_grey;
@cp_notif-bg: @cryptpad_color_lighter_grey;
@cp_notif-fg: @cryptpad_text_col;

10
customize.dist/src/less2/include/colortheme.less
View File

@ -397,6 +397,12 @@
@cp_kanban-color0: @cryptpad_color_neutral2_grey;
@cp_kanban-colors: #FFD4D4, #FFDECA, #FFE69C, #DBFFB7, #AFFDC2, #C9FFFE, #C8D6FF, #E4CAFF;
// Notifications
@cp_notif-hover: fade(@cryptpad_color_black, 10%);
@cp_notif-header-bg: @cryptpad_color_hint_grey;
@cp_notif-header-fg: @cryptpad_color_white;
@cp_notif-table-border: @cryptpad_color_neutral_grey;
@cp_notif-bg: @cryptpad_color_lighter_grey;
@cp_notif-fg: @cryptpad_text_col;
// XXX OO OO OO OO OO

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

@ -13,7 +13,7 @@
.cp-clickable {
cursor: pointer;
&:hover {
background-color: rgba(0,0,0,0.1);
background-color: @cp_notif-hover;
}
}
@ -29,9 +29,8 @@
flex-direction: row;
justify-content: flex-start;
align-items: center;
// border-radius: 5px 5px 0 0;
background-color: #888;
color: #fff;
background-color: @cp_notif-header-bg;
color: @cp_notif-header-fg;
.cp-app-notifications-panel-title {
flex-grow: 1;
@ -63,9 +62,8 @@
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
border: 1px solid #ccc;
border: 1px solid @cp_notif-table-border;
border-top: none;
// border-radius: 0 0 5px 5px;
overflow: hidden;
.cp-notification {
@ -73,12 +71,12 @@
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #ffffff;
background-color: @cp_notif-bg;
&.no-notifications {
display: none;
padding: 1rem 1rem;
font-style: italic;
color: #777;
color: @cp_notif-fg;
&:only-child {
display: block;
}
@ -88,14 +86,14 @@
padding: 0 10px;
cursor: pointer;
&:hover {
background-color: rgba(0,0,0,0.1);
background-color: @cp_notif-hover;
}
}
&.cp-app-notification-archived {
background-color: #f1f1f1;
background-color: @cp_notif-bg;
}
&:not(:first-child) {
border-top: 1px solid #ccc;
border-top: 1px solid @cp_notif-table-border;
}
&.dismissed {
display: none;
@ -127,7 +125,7 @@
flex-direction: column;
justify-content: center;
align-items: center;
border-left: 1px solid #ccc;
border-left: 1px solid @cp_notif-table-border;
width: 3rem;
}
}
@ -141,8 +139,9 @@
align-items: center;
width: 100%;
padding: 0.5rem;
border: 1px solid #ccc;
color: #333;
background-color: @cp_notif-bg;
border: 1px solid @cp_notif-table-border;
color: @cp_notif-fg;
}
}

2
www/notifications/inner.js
View File

@ -202,7 +202,7 @@ define([
var $category = $('<div>', {'class': 'cp-sidebarlayout-category'}).appendTo($categories);
if (key === 'all') { $category.append($('<span>', {'class': 'fa fa-bars'})); }
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-richtext'})); }
if (key === 'archived') { $category.append($('<span>', {'class': 'fa fa-archive'})); }
if (key === active) {