Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-10 15:08:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Resolve #1028

Browse source
This commit is contained in:
the-djmaze 2023-05-30 16:02:41 +02:00
parent 1f8fddd3f4
commit 26fb2cf9fb
6 changed files with 56 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

11
dev/Model/Message.js
View file

@ -113,14 +113,12 @@ export class MessageModel extends AbstractModel {
// rfc8621
id: '',
// threadId: '',
hasUnseenSubMessage: false,
hasFlaggedSubMessage: false
// threadId: ''
});
this.attachments = ko.observableArray(new AttachmentCollectionModel);
this.threads = ko.observableArray();
this.threadUnseen = ko.observableArray();
this.unsubsribeLinks = ko.observableArray();
this.flags = ko.observableArray();
@ -128,6 +126,7 @@ export class MessageModel extends AbstractModel {
attachmentIconClass: () =>
this.encrypted() ? 'icon-lock' : FileInfo.getAttachmentsIconClass(this.attachments()),
threadsLen: () => rl.app.messageList.threadUid() ? 0 : this.threads().length,
threadUnseenLen: () => rl.app.messageList.threadUid() ? 0 : this.threadUnseen().length,
isUnseen: () => !this.flags().includes('\\seen'),
isFlagged: () => this.flags().includes('\\flagged'),
@ -238,9 +237,7 @@ export class MessageModel extends AbstractModel {
focused: this.focused(),
priorityHigh: this.priority() === 1,
withAttachments: !!this.attachments().length,
// hasChildrenMessage: 1 < this.threadsLen(),
hasUnseenSubMessage: this.hasUnseenSubMessage(),
hasFlaggedSubMessage: this.hasFlaggedSubMessage()
// hasChildrenMessage: 1 < this.threadsLen()
}, (key, value) => value && classes.push(key));
flags && this.flags().forEach(value => classes.push('msgflag-'+value));
return classes.join(' ');

13
dev/Styles/User/MessageList.less
View file

@ -289,16 +289,6 @@
margin-right: 0.25em;
}
&.hasUnseenSubMessage {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: lighten(orange, 30%);
border-right-color: lighten(orange, 30%) !important;
&.focused {
border-left-color: darken(orange, 10%);
border-right-color: darken(orange, 10%) !important;
}
}
&.unseen {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: orange;
@ -312,6 +302,9 @@
border-right-color: darken(orange, 10%) !important;
}
}
[data-unseen] {
background-color: rgba(255, 255, 64, 0.15);
}
&.checked {
border-left-color: lighten(#398CF2, 10%);