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

feat: indicate focused tab with css style

Browse Source
This commit is contained in:
mathuo 2024-01-01 21:40:53 +00:00
parent 343d42cb86
commit ff6d40a545
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
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 {
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);