From 55bf922edb5f61c75c42ffbb1f769f2b0e754387 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=20Hamp=C3=B6lz?= <rene_git@hampoelz.net>
Date: Wed, 31 May 2023 09:44:10 +0000
Subject: [PATCH] fix: New unread sub-messages badge for threaded view

---
 .../snappymail/app/themes/Nextcloud25/styles.css | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index c418d236c..55912e346 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -1063,34 +1063,32 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
     border-left-color: var(--color-primary-element-light-text);
 }
 
-#rl-app .messageListItem.unseen,
-#rl-app .messageListItem.hasUnseenSubMessage {
+#rl-app .messageListItem.unseen {
     background-color: unset;
     border-left-color: var(--color-primary-element);
 }
 
 #rl-app .messageListItem.unseen.focused,
-#rl-app .messageListItem.unseen.focused:hover,
-#rl-app .messageListItem.hasUnseenSubMessage.focused,
-#rl-app .messageListItem.hasUnseenSubMessage.focused:hover {
+#rl-app .messageListItem.unseen.focused:hover {
     background-color: var(--color-primary-light);
     border-left-color: var(--color-primary-element);
 }
 
-#rl-app .messageListItem.unseen:hover,
-#rl-app .messageListItem.hasUnseenSubMessage:hover {
+#rl-app .messageListItem.unseen:hover {
     background-color: var(--color-background-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);
+    background-color: var(--color-primary-element-light);
     border-width: 2px;
     font-weight: 700;
 }
 
-#rl-app .messageListItem.hasUnseenSubMessage .threads-len:hover {
+#rl-app .messageListItem [data-unseen]:hover {
     border-color: var(--color-primary-element-hover);
+    background-color: var(--color-primary-element-light-hover);
 }
 
 #rl-app .messageListItem.checked {