From 49c8310e2257da4e249fe5fd721817a7a20c3c3d Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Thu, 21 Dec 2023 12:02:57 -0500
Subject: [PATCH] Fix message entry overflowing in logger

Related issue:
https://github.com/uBlockOrigin/uBlock-issues/issues/3021
---
 src/css/logger-ui.css | 5 ++++-
 src/js/logger-ui.js   | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
index 90460d2b1..9b292ad7a 100644
--- a/src/css/logger-ui.css
+++ b/src/css/logger-ui.css
@@ -309,9 +309,12 @@ body[dir="rtl"] #vwRenderer .logEntry > div > span:first-child {
     }
 #vwRenderer .logEntry > div > span:nth-of-type(2) {
     }
-#vwRenderer #vwContent .logEntry > div > span:nth-of-type(2) {
+#vwRenderer .logEntry > div > span:nth-of-type(2) {
     text-overflow: ellipsis;
     }
+#vwRenderer .logEntry > div.messageRealm > span:nth-of-type(2) ~ span {
+    display: none;
+    }
 .vExpanded #vwRenderer #vwContent .logEntry > div > span:nth-of-type(2) {
     overflow-y: auto;
     white-space: pre-line;
diff --git a/src/js/logger-ui.js b/src/js/logger-ui.js
index 8de49bf79..d61ee68f1 100644
--- a/src/js/logger-ui.js
+++ b/src/js/logger-ui.js
@@ -671,7 +671,7 @@ const viewPort = (( ) => {
             `  width: calc(calc(100% - ${reservedWidth}px) * ${cellWidths[COLUMN_FILTER]});`,
             '}',
             `#vwContent .logEntry > div.messageRealm > span:nth-of-type(${COLUMN_MESSAGE+1}) {`,
-            `  width: calc(100% - ${cellWidths[COLUMN_MESSAGE]}px);`,
+            `  width: calc(100% - ${cellWidths[COLUMN_TIMESTAMP]}px);`,
             '}',
             `#vwContent .logEntry > div > span:nth-of-type(${COLUMN_RESULT+1}) {`,
             `  width: ${cellWidths[COLUMN_RESULT]}px;`,