Mirrors/tabby
2
0
Fork 0
mirror of https://github.com/Eugeny/tabby synced 2024-11-15 09:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

make tabs always-present in DOM

Browse source
This commit is contained in:
Eugene Pankov 2021-04-04 20:03:03 +02:00
parent d71ee6b6f1
commit 80c781a8ca
No known key found for this signature in database
GPG key ID: 5896FCBBDD1CF4F4
3 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
terminus-core/src/components/appRoot.component.pug
View file

@ -95,12 +95,14 @@ title-bar(
&& (hostApp.platform == Platform.Windows || hostApp.platform == Platform.Linux)',
)
start-page(*ngIf='ready && app.tabs.length == 0')
.content
start-page.content-tab.content-tab-active(*ngIf='ready && app.tabs.length == 0')
tab-body(
*ngFor='let tab of unsortedTabs',
[active]='tab == app.activeTab',
[tab]='tab',
)
tab-body.content-tab(
*ngFor='let tab of unsortedTabs',
[class.content-tab-active]='tab == app.activeTab',
[active]='tab == app.activeTab',
[tab]='tab',
)
ng-template(ngbModalContainer)

21
terminus-core/src/components/appRoot.component.scss
View file

@ -134,9 +134,24 @@ $side-tab-width: 200px;
}
}
.tabs-content {
flex: auto;
display: flex;
.content {
flex: 1 1 0;
position: relative;
min-height: 0;
min-width: 0;
> .content-tab {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 100%;
&.content-tab-active {
left: 0;
}
}
}
hotkey-hint {

10
terminus-core/src/components/tabBody.component.scss
View file

@ -1,15 +1,11 @@
:host {
display: none;
display: flex;
flex: auto;
position: relative;
overflow: hidden;
&.active {
display: flex;
>* {
flex: auto;
}
>* {
flex: auto;
}
> perfect-scrollbar {