the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-12-30 19:41:46 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: New unread sub-messages badge for threaded view

Browse source
This commit is contained in:
Rene Hampölz 2023-05-31 09:44:10 +00:00
parent 6878d4c0de
commit 55bf922edb
1 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
View file

@ -1063,34 +1063,32 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
border-left-color: var(--color-primary-element-light-text); border-left-color: var(--color-primary-element-light-text);
} }
#rl-app .messageListItem.unseen, #rl-app .messageListItem.unseen {
#rl-app .messageListItem.hasUnseenSubMessage {
background-color: unset; background-color: unset;
border-left-color: var(--color-primary-element); border-left-color: var(--color-primary-element);
} }
#rl-app .messageListItem.unseen.focused, #rl-app .messageListItem.unseen.focused,
#rl-app .messageListItem.unseen.focused:hover, #rl-app .messageListItem.unseen.focused:hover {
#rl-app .messageListItem.hasUnseenSubMessage.focused,
#rl-app .messageListItem.hasUnseenSubMessage.focused:hover {
background-color: var(--color-primary-light); background-color: var(--color-primary-light);
border-left-color: var(--color-primary-element); border-left-color: var(--color-primary-element);
} }
#rl-app .messageListItem.unseen:hover, #rl-app .messageListItem.unseen:hover {
#rl-app .messageListItem.hasUnseenSubMessage:hover {
background-color: var(--color-background-hover); background-color: var(--color-background-hover);
border-left-color: var(--color-primary-element-hover); border-left-color: var(--color-primary-element-hover);
} }
#rl-app .messageListItem.hasUnseenSubMessage .threads-len { #rl-app .messageListItem [data-unseen] {
border-color: var(--color-primary-element); border-color: var(--color-primary-element);
background-color: var(--color-primary-element-light);
border-width: 2px; border-width: 2px;
font-weight: 700; font-weight: 700;
} }
#rl-app .messageListItem.hasUnseenSubMessage .threads-len:hover { #rl-app .messageListItem [data-unseen]:hover {
border-color: var(--color-primary-element-hover); border-color: var(--color-primary-element-hover);
background-color: var(--color-primary-element-light-hover);
} }
#rl-app .messageListItem.checked { #rl-app .messageListItem.checked {