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

Merge pull request #120 from mathuo/115-adjust-default-paneview-header

Browse Source 
feat: fix styles
This commit is contained in:
mathuo 2022-05-25 22:39:03 +01:00 committed by GitHub
commit 88c7761b4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/dockview/src/paneview/defaultPaneviewHeader.ts
View File

@ -3,6 +3,7 @@ import { PaneviewPanelApiImpl } from '../api/paneviewPanelApi';
import { CompositeDisposable, MutableDisposable } from '../lifecycle'; import { CompositeDisposable, MutableDisposable } from '../lifecycle';
import { PanelUpdateEvent } from '../panel/types'; import { PanelUpdateEvent } from '../panel/types';
import { IPaneHeaderPart, PanePanelInitParameter } from './paneviewPanel'; import { IPaneHeaderPart, PanePanelInitParameter } from './paneviewPanel';
import { toggleClass } from '../dom';
export class DefaultHeader export class DefaultHeader
extends CompositeDisposable extends CompositeDisposable
@ -40,10 +41,12 @@ export class DefaultHeader
this.apiRef.api = params.api; this.apiRef.api = params.api;
this._content.textContent = params.title; this._content.textContent = params.title;
this._expander.textContent = params.api.isExpanded ? '▼' : '▶'; this._expander.textContent = '▼';
toggleClass(this._expander, 'collapsed', !params.api.isExpanded);
this.disposable.value = params.api.onDidExpansionChange((e) => { this.disposable.value = params.api.onDidExpansionChange((e) => {
this._expander.textContent = e.isExpanded ? '▼' : '▶'; toggleClass(this._expander, 'collapsed', !e.isExpanded);
}); });
} }

6
packages/dockview/src/paneview/paneview.scss
View File

@ -31,12 +31,12 @@
padding: 0px 8px; padding: 0px 8px;
cursor: pointer; cursor: pointer;
a { .collapsed {
padding-right: 8px; transform: rotate(-90deg);
width: 10px;
} }
> span { > span {
padding-left: 8px;
flex-grow: 1; flex-grow: 1;
} }
} }