From 4974440a63c9c5c554dc78b211d9e70a38902bb8 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 11 Oct 2021 07:14:00 +0300
Subject: [PATCH] Make Tab line gray if Dock isn't focused

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/dock.scss | 10 ++++++++++
 src/renderer/components/dock/dock.tsx  |  1 +
 2 files changed, 11 insertions(+)

diff --git a/src/renderer/components/dock/dock.scss b/src/renderer/components/dock/dock.scss
index e1cf52e116..ed7dbcdc18 100644
--- a/src/renderer/components/dock/dock.scss
+++ b/src/renderer/components/dock/dock.scss
@@ -27,6 +27,16 @@
   display: flex;
   flex-direction: column;
 
+  &:not(:focus-within) .DockTab.active {
+    &::after {
+      color: var(--halfGray);
+    }
+
+    &:hover::after {
+      color: var(--line-color-active);
+    }
+  }
+
   &.isOpen {
     &.fullSize {
       position: fixed;
diff --git a/src/renderer/components/dock/dock.tsx b/src/renderer/components/dock/dock.tsx
index 18e58e6e70..747fd37a5c 100644
--- a/src/renderer/components/dock/dock.tsx
+++ b/src/renderer/components/dock/dock.tsx
@@ -79,6 +79,7 @@ export class Dock extends React.Component<Props> {
 
     open();
     selectTab(tab.id);
+    this.element?.current.focus();
   };
 
   renderTab(tab: DockTab) {