Mail app Feature Requests : UI enhance

[jdaviescoates]

@nebulon said:

Ok so I think I have fixed all of the original issues:

Looking forward to testing. BTW, but "the original issues" I presume that's just these ones?

@timconsidine said:

ability to star certain messages
show read mail in different colour, not simply a non-bold same colour as unread mail
sort options include Date up/down and From up/down but To up/down would also be helpful (mail in an inbox is not always to mailbox address)
filter for unread would also be useful

And therefore any other UI or additional suggestions shared in this now solved thread ought to get their own new thread to make it easier for you to track?

[nebulon]

ah yes please create a new one for the non-split view to keep track.

from the above issues the toplevel folder creation and the spam mail direct deletion is also fixed

[jdaviescoates]

@nebulon I've added three new feature request posts:

https://forum.cloudron.io/topic/16082/mail-app-feature-request-add-no-split-screen-option-and-horizontal-vertical-options-for-those-that-like-splits

https://forum.cloudron.io/topic/16083/mail-app-feature-request-larger-compose-window-or-just-remember-last-re-sized-size

https://forum.cloudron.io/topic/16084/mail-app-feature-request-improve-minimized-compose-ux

Thanks!

[sponch]

mh...my mail app does not update since 1.1.1 although there seem to be 2 package updates. Any hidden dependencies?

[nebulon]

yes, it relies on new cloudron platform changes, so the update will show when Cloudron is updated to at least 10.1.1

[sponch]

thanks for the explanation

[humpty]

@timconsidine the latest mail updates changed the code and the circle got wonky so here's an updated version. I went with gold, similar to the app's native yellow for the unread bar and still matches with the blue nicely.

.mail-item.unread {
    color: #ffbf00 !important;
    animation: pulseUnread 2.3s ease-in-out infinite;
}

@keyframes pulseUnread {
0%, 100% { opacity: 0.50; }
50%      { opacity: 1; }
}

.mail-item.unread::after {
    width: 4px !important;
    background-color: #ffbf00 !important;
}

---

 

Edit: This version modifies the starred icon as well (drop in replacement code for the above).

.mail-item.unread {
    color: #ffbf00 !important;
    animation: pulseUnread 2.3s ease-in-out infinite;
}

@keyframes pulseUnread {
0%, 100% { opacity: 0.50; }
50%      { opacity: 1; }
}

.mail-item.unread::after {
    width: 4px !important;
    background-color: #ffbf00 !important;
}

.col-star.starred {
    color: #ffbf00 !important;
    animation: glowUnread 1.8s ease-in-out infinite;
}

@keyframes glowUnread {
    0%, 100% {
        opacity: 0.6;
        filter: drop-shadow(0 0 1px #f50);
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 5px #f50);
    }
}

[timconsidine]

@humpty thank you !

[humpty]

My bad! I did that code when my system was in dark mode and now the yellow isn't visible on the white. I added a dark blue background to make the text pop.

.mail-item.unread {
    color: #ffbf00 !important;
    background: #124978;
    animation: pulseUnread 2.3s ease-in-out infinite;
}

@keyframes pulseUnread {
0%, 100% { opacity: 0.50; }
50%      { opacity: 1; }
}

.mail-item.unread::after {
    width: 4px !important;
    background-color: #ffbf00 !important;
}

.col-star.starred {
    color: #ffbf00 !important;
    animation: glowUnread 1.8s ease-in-out infinite;
}

@keyframes glowUnread {
    0%, 100% {
        opacity: 0.6;
        filter: drop-shadow(0 0 1px #f50);
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 5px #f50);
    }
}

[timconsidine]

@humpty I only use dark mode, but goo to have the option