From ff6d40a5459e322b5a66c3cf95196e328880b1ad Mon Sep 17 00:00:00 2001
From: mathuo <6710312+mathuo@users.noreply.github.com>
Date: Mon, 1 Jan 2024 21:40:53 +0000
Subject: [PATCH] feat: indicate focused tab with css style

---
 .../dockview/components/tab/defaultTab.scss    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/dockview-core/src/dockview/components/tab/defaultTab.scss b/packages/dockview-core/src/dockview/components/tab/defaultTab.scss
index d820534b8..2a1e58734 100644
--- a/packages/dockview-core/src/dockview/components/tab/defaultTab.scss
+++ b/packages/dockview-core/src/dockview/components/tab/defaultTab.scss
@@ -9,6 +9,24 @@
 .tab {
     flex-shrink: 0;
 
+    &:focus-within,
+    &:focus {
+        position: relative;
+
+        &::after {
+            position: absolute;
+            content: '';
+            height: 100%;
+            width: 100%;
+            top: 0px;
+            left: 0px;
+            pointer-events: none;
+            outline: 1px solid var(--dv-tab-divider-color) !important;
+            outline-offset: -1px;
+            z-index: 5;
+        }
+    }
+
     &.dv-tab-dragging {
         .tab-action {
             background-color: var(--dv-activegroup-visiblepanel-tab-color);