From 683c92f904ca76574dc5db847ea0f5e70ea6a7ef Mon Sep 17 00:00:00 2001
From: Axu <321axu123@gmail.com>
Date: Fri, 9 Jun 2023 22:17:44 +0200
Subject: [PATCH] fix: do not highlight new member leaf in red in message
 logger (#1071)

Co-authored-by: V <vendicated@riseup.net>
---
 src/plugins/messageLogger/deleteStyleText.css |  8 +++++-
 src/plugins/messageLogger/messageLogger.css   | 25 ++++++++++++++-----
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/plugins/messageLogger/deleteStyleText.css b/src/plugins/messageLogger/deleteStyleText.css
index 860c83fc2..85fdcd2df 100644
--- a/src/plugins/messageLogger/deleteStyleText.css
+++ b/src/plugins/messageLogger/deleteStyleText.css
@@ -1,4 +1,10 @@
-.messagelogger-deleted :is(div, h1, h2, h3, p) {
+/* Message content highlighting */
+.messagelogger-deleted [class*="contents-"] > :is(div, h1, h2, h3, p) {
+    color: #f04747 !important;
+}
+
+/* Embed highlighting */
+.messagelogger-deleted article :is(div, span, h1, h2, h3, p) {
     color: #f04747 !important;
 }
 
diff --git a/src/plugins/messageLogger/messageLogger.css b/src/plugins/messageLogger/messageLogger.css
index da5ccc21e..b5f58a55b 100644
--- a/src/plugins/messageLogger/messageLogger.css
+++ b/src/plugins/messageLogger/messageLogger.css
@@ -2,16 +2,29 @@
     display: none;
 }
 
-.messagelogger-deleted :is(video, .emoji, [data-type="sticker"]),
-.messagelogger-deleted .messagelogger-deleted-attachment,
-.messagelogger-deleted div iframe {
+.messagelogger-deleted
+:is(
+    video,
+    .emoji,
+    [data-type="sticker"],
+    iframe,
+    .messagelogger-deleted-attachment,
+    [class|="inlineMediaEmbed"]
+) {
     filter: grayscale(1) !important;
     transition: 150ms filter ease-in-out;
 }
 
-.messagelogger-deleted:hover :is(video, .emoji, [data-type="sticker"]),
-.messagelogger-deleted .messagelogger-deleted-attachment:hover,
-.messagelogger-deleted iframe:hover {
+.messagelogger-deleted
+:is(
+    video,
+    .emoji,
+    [data-type="sticker"],
+    iframe,
+    .messagelogger-deleted-attachment,
+    [class|="inlineMediaEmbed"]
+):hover,
+.messagelogger-deleted {
     filter: grayscale(0) !important;
 }