Fix message entry overflowing in logger

Related issue: uBlockOrigin/uBlock-issues#3021
gorhill · Dec 21, 2023 · 49c8310 · 49c8310
1 parent 34a8a7a
commit 49c8310
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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;`,