From 5443f40259679d386d309697ddd5f6586efea052 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 6 Sep 2022 16:44:52 +0300
Subject: [PATCH] Highlight log row on hover

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/logs/log-row.module.scss | 6 ++++++
 src/renderer/components/dock/logs/log-row.tsx         | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/dock/logs/log-row.module.scss b/src/renderer/components/dock/logs/log-row.module.scss
index a1f64a7ab1..948c43716e 100644
--- a/src/renderer/components/dock/logs/log-row.module.scss
+++ b/src/renderer/components/dock/logs/log-row.module.scss
@@ -1,3 +1,9 @@
+.LogRow {
+  &:hover {
+    background: var(--logRowHoverBackground);
+  }
+}
+
 .overlay {
   --overlay-bg: #8cc474b8;
   --overlay-active-bg: orange;
diff --git a/src/renderer/components/dock/logs/log-row.tsx b/src/renderer/components/dock/logs/log-row.tsx
index bdba64ba48..521daa4c2f 100644
--- a/src/renderer/components/dock/logs/log-row.tsx
+++ b/src/renderer/components/dock/logs/log-row.tsx
@@ -46,7 +46,7 @@ export function LogRow({ rowIndex, model }: { rowIndex: number; model: LogTabVie
   }
 
   return (
-    <div>
+    <div className={styles.LogRow}>
       {contents.length > 1 ? contents : (
         <span dangerouslySetInnerHTML={{ __html: ansiToHtml(log) }} />
       )}