The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Added reminder icon .less style

Browse Source
This commit is contained in:
zuzanna-maria 2024-12-05 08:51:45 +01:00
parent c0f9c54d8c
commit 23c82d4e4f
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,6 +78,7 @@
justify-content: flex-start;
align-items: center;
background-color: @cp_notif-bg;
border-top: 1px solid @cp_notif-table-border;
&.no-notifications {
display: none;
padding: 1rem 1rem;
@ -95,12 +96,14 @@
background-color: @cp_notif-hover;
}
}
.cp-avatar-calendar {
font-size: 45px;
padding: 0 12px;
overflow: hidden;
}
&.cp-app-notification-archived {
background-color: @cp_notif-bg;
}
&:not(:first-child) {
border-top: 1px solid @cp_notif-table-border;
}
&.dismissed {
display: none;
}

4
www/notifications/inner.js
View File

@ -86,9 +86,9 @@ define([
var addNotification = function (data, el) {
// if the type of notification correspond
if (filterTypes.indexOf(data.content.msg.type) !== -1) {
var icon = $(".cp-reminder");
$(icon).wrap('<span class="cp-avatar"></span>').wrap('<span class="cp-avatar-default" alt="" aria-hidden="true"></span>')
notifsData.push(data);
var icon = $(el).find(".cp-reminder");
$(icon).addClass('cp-avatar-calendar')
$(notifsList).prepend(el);
}
};