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

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

Browse Source 
feat: adjust paneview header
This commit is contained in:
mathuo 2022-05-22 20:35:14 +01:00 committed by GitHub
commit 93ff4045a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,11 +26,11 @@ export class DefaultHeader
this._content = document.createElement('span');
this._expander = document.createElement('a');
this.element.appendChild(this._content);
this.element.appendChild(this._expander);
this.element.appendChild(this._content);
this.addDisposables(
addDisposableListener(this._expander, 'click', () => {
addDisposableListener(this._element, 'click', () => {
this.apiRef.api?.setExpanded(!this.apiRef.api.isExpanded);
})
);
@ -40,10 +40,10 @@ export class DefaultHeader
this.apiRef.api = params.api;
this._content.textContent = params.title;
this._expander.textContent = params.api.isExpanded ? '<' : '>';
this._expander.textContent = params.api.isExpanded ? '▼' : '▶';
this.disposable.value = params.api.onDidExpansionChange((e) => {
this._expander.textContent = e.isExpanded ? '<' : '>';
this._expander.textContent = e.isExpanded ? '▼' : '▶';
});
}

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

@ -29,6 +29,12 @@
color: var(--dv-activegroup-visiblepanel-tab-color);
display: flex;
padding: 0px 8px;
cursor: pointer;
a {
padding-right: 8px;
width: 10px;
}
> span {
flex-grow: 1;