feat: indicate focused tab with css style

mathuo · Jan 1, 2024 · ff6d40a · ff6d40a
1 parent 343d42c
commit ff6d40a
Showing 1 changed file with 18 additions and 0 deletions.
diff --git 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);