rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-05-04 18:48:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #415 from mathuo/414-css-styles-for-focused-tab

Browse Source 
feat: indicate focused tab with css style
This commit is contained in:
mathuo 2024-01-01 21:45:27 +00:00 committed by GitHub
commit fa25c55655
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dockview-core/src/dockview/components/tab/defaultTab.scss
View File

@ -9,6 +9,24 @@
.tab { .tab {
flex-shrink: 0; 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 { &.dv-tab-dragging {
.tab-action { .tab-action {
background-color: var(--dv-activegroup-visiblepanel-tab-color); background-color: var(--dv-activegroup-visiblepanel-tab-color);