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

Notifications UI

Browse Source
This commit is contained in:
yflory 2019-05-23 11:34:56 +02:00
parent 9cb1a059f2
commit ed868f9c5d
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
customize.dist/src/less2/include/toolbar.less
View File

@ -576,8 +576,13 @@
button { button {
height: @toolbar_line-height; height: @toolbar_line-height;
width: @toolbar_line-height; width: @toolbar_line-height;
font-size: 20px; font-size: 15px;
margin-top: -1px; margin-top: -1px;
.cp-dropdown-button-title {
transform: scale(0.5);
bottom: -5px;
right: -5px;
}
} }
} }
.cp-toolbar-new { .cp-toolbar-new {
@ -917,6 +922,10 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
line-height: 16px; line-height: 16px;
&.cp-notifications-small {
font-size: 10px;
line-height: 17px;
}
} }
} }
} }

5
www/common/toolbar3.js
View File

@ -971,11 +971,16 @@ MessengerUI, Messages) {
updateUserList(toolbar, config); updateUserList(toolbar, config);
var n = $(div).find('.cp-notification').length; var n = $(div).find('.cp-notification').length;
$button.removeClass('fa-bell-o').removeClass('fa-bell'); $button.removeClass('fa-bell-o').removeClass('fa-bell');
$n.removeClass('cp-notifications-small');
if (n === 0) { if (n === 0) {
$empty.show(); $empty.show();
$n.hide(); $n.hide();
return void $button.addClass('fa-bell-o'); return void $button.addClass('fa-bell-o');
} }
if (n > 99) {
n = '99+';
$n.addClass('cp-notifications-small');
}
$empty.hide(); $empty.hide();
$n.text(n).show(); $n.text(n).show();
$button.addClass('fa-bell'); $button.addClass('fa-bell');