rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-09-10 11:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #887 from mathuo/884-cant-drop-tabs-between-panels-and-some-other-issues-with-v4-1

Browse Source 
bug: dnd issues
This commit is contained in:
mathuo 2025-03-18 19:40:21 +00:00 committed by GitHub
commit f545a0a5c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 54 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dockview-core/src/dockview/components/titlebar/tabsContainer.ts
View File

@ -152,6 +152,8 @@ export class TabsContainer
this._element.appendChild(this.rightActionsContainer); this._element.appendChild(this.rightActionsContainer);
this.addDisposables( this.addDisposables(
this.tabs.onDrop((e) => this._onDrop.fire(e)),
this.tabs.onWillShowOverlay((e) => this._onWillShowOverlay.fire(e)),
accessor.onDidOptionsChange(() => { accessor.onDidOptionsChange(() => {
this.tabs.showTabsOverflowControl = this.tabs.showTabsOverflowControl =
!accessor.options.disableTabsOverflowList; !accessor.options.disableTabsOverflowList;

58
packages/dockview-core/src/dockview/dockviewComponent.scss
View File

@ -18,40 +18,38 @@
.dv-groupview { .dv-groupview {
&.dv-active-group { &.dv-active-group {
> .dv-tabs-and-actions-container > .dv-tabs-and-actions-container {
> .dv-scrollable .dv-tabs-container > .dv-tab {
> .dv-tabs-container &.dv-active-tab {
> .dv-tab { background-color: var(
&.dv-active-tab { --dv-activegroup-visiblepanel-tab-background-color
background-color: var( );
--dv-activegroup-visiblepanel-tab-background-color color: var(--dv-activegroup-visiblepanel-tab-color);
); }
color: var(--dv-activegroup-visiblepanel-tab-color); &.dv-inactive-tab {
} background-color: var(
&.dv-inactive-tab { --dv-activegroup-hiddenpanel-tab-background-color
background-color: var( );
--dv-activegroup-hiddenpanel-tab-background-color color: var(--dv-activegroup-hiddenpanel-tab-color);
); }
color: var(--dv-activegroup-hiddenpanel-tab-color);
} }
} }
} }
&.dv-inactive-group { &.dv-inactive-group {
> .dv-tabs-and-actions-container > .dv-tabs-and-actions-container {
> .dv-scrollable .dv-tabs-container > .dv-tab {
> .dv-tabs-container &.dv-active-tab {
> .dv-tab { background-color: var(
&.dv-active-tab { --dv-inactivegroup-visiblepanel-tab-background-color
background-color: var( );
--dv-inactivegroup-visiblepanel-tab-background-color color: var(--dv-inactivegroup-visiblepanel-tab-color);
); }
color: var(--dv-inactivegroup-visiblepanel-tab-color); &.dv-inactive-tab {
} background-color: var(
&.dv-inactive-tab { --dv-inactivegroup-hiddenpanel-tab-background-color
background-color: var( );
--dv-inactivegroup-hiddenpanel-tab-background-color color: var(--dv-inactivegroup-hiddenpanel-tab-color);
); }
color: var(--dv-inactivegroup-hiddenpanel-tab-color);
} }
} }
} }

52
packages/dockview-core/src/theme.scss
View File

@ -216,21 +216,19 @@
.dv-groupview { .dv-groupview {
&.dv-active-group { &.dv-active-group {
> .dv-tabs-and-actions-container { > .dv-tabs-and-actions-container {
> .dv-scrollable { .dv-tabs-container {
> .dv-tabs-container { > .dv-tab.dv-active-tab {
> .dv-tab.dv-active-tab { position: relative;
position: relative;
&::after { &::after {
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 0px; top: 0px;
content: ''; content: '';
width: 100%; width: 100%;
height: 1px; height: 1px;
background-color: #94527e; background-color: #94527e;
z-index: 999; z-index: 999;
}
} }
} }
} }
@ -238,21 +236,19 @@
} }
&.dv-inactive-group { &.dv-inactive-group {
> .dv-tabs-and-actions-container { > .dv-tabs-and-actions-container {
> .dv-scrollable { .dv-tabs-container {
> .dv-tabs-container { > .dv-tab.dv-active-tab {
> .dv-tab.dv-active-tab { position: relative;
position: relative;
&::after { &::after {
position: absolute; position: absolute;
left: 0px; left: 0px;
bottom: 0px; bottom: 0px;
content: ''; content: '';
width: 100%; width: 100%;
height: 1px; height: 1px;
background-color: #5e3d5a; background-color: #5e3d5a;
z-index: 999; z-index: 999;
}
} }
} }
} }