GuanM/tabby
1
0
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2025-09-08 17:41:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed #8133 - added active tab indicator, updated default color scheme

Browse Source
This commit is contained in:
Eugene Pankov
2023-04-10 20:53:45 +02:00
parent 34188debd4
commit 73fae43027
4 changed files with 38 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
tabby-core/src/components/tabHeader.component.pug
View File

@@ -1,6 +1,7 @@
.colorbar([style.background-color]='tab.color', *ngIf='tab.color != null')
.progressbar([style.width]='progress + "%"', *ngIf='progress != null')
.activity-indicator(*ngIf='tab.activity$|async')
.current-tab-indicator
.index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform === Platform.macOS', cdkDragHandle) {{index + 1}}
.index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform !== Platform.macOS') {{index + 1}}

20
tabby-core/src/components/tabHeader.component.scss
View File

@@ -134,15 +134,29 @@ $tabs-height: 38px;
z-index: 1;
}
.activity-indicator, .current-tab-indicator {
position: absolute;
height: 2px;
}
&.active .activity-indicator {
display: none;
}
.activity-indicator {
position: absolute;
bottom: 4px;
left: 10px;
right: 10px;
bottom: 4px;
height: 2px;
}
&.active .current-tab-indicator {
display: block;
}
.current-tab-indicator {
display: none;
top: 0;
left: 0;
right: 0;
}
}

7
tabby-core/src/theme.new.scss
View File

@@ -30,6 +30,7 @@ app-root {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
transition: 0.125s ease-out width;
color: var(--theme-fg-more-2);
.index {
color: var(--bs-body-color);
@@ -54,8 +55,12 @@ app-root {
opacity: .2;
}
.current-tab-indicator {
background:var(--bs-light);
}
&.active {
color: var(--theme-fg-less-2);
color: var(--theme-fg);
background: var(--body-bg);
}
}