diff --git a/packages/dockview-core/src/theme.scss b/packages/dockview-core/src/theme.scss index e121f583a..b0b6e8e61 100644 --- a/packages/dockview-core/src/theme.scss +++ b/packages/dockview-core/src/theme.scss @@ -293,20 +293,7 @@ } .dv-horizontal > .dv-sash-container > .dv-sash { - &:not(.disabled) { - &::after { - content: ''; - height: 40px; - width: 4px; - border-radius: 2px; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background-color: var(--dv-separator-handle-background-color); - position: absolute; - } - - &:hover { + &:not(.disabled) { &::after { content: ''; height: 40px; @@ -321,9 +308,25 @@ &:hover { &::after { + content: ''; + height: 40px; + width: 4px; + border-radius: 2px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); background-color: var( - --dv-separator-handle-hover-background-color + --dv-separator-handle-background-color ); + position: absolute; + } + + &:hover { + &::after { + background-color: var( + --dv-separator-handle-hover-background-color + ); + } } } } diff --git a/packages/dockview/src/react.ts b/packages/dockview/src/react.ts index 85e82dbd0..dedde9504 100644 --- a/packages/dockview/src/react.ts +++ b/packages/dockview/src/react.ts @@ -3,12 +3,12 @@ import ReactDOM from 'react-dom'; import { DockviewDisposable, IFrameworkPart, - IDockviewDisposable, + DockviewIDisposable, Parameters, } from 'dockview-core'; export interface ReactPortalStore { - addPortal: (portal: React.ReactPortal) => IDockviewDisposable; + addPortal: (portal: React.ReactPortal) => DockviewIDisposable; } interface IPanelWrapperProps { @@ -75,7 +75,7 @@ export class ReactPart
private componentInstance?: IPanelWrapperRef; private ref?: { portal: React.ReactPortal; - disposable: IDockviewDisposable; + disposable: DockviewIDisposable; }; private disposed = false; @@ -163,7 +163,7 @@ export class ReactPart
type PortalLifecycleHook = () => [ React.ReactPortal[], - (portal: React.ReactPortal) => IDockviewDisposable + (portal: React.ReactPortal) => DockviewIDisposable ]; /**