Eugeny/tabby
1
1
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2024-11-24 06:04:04 +03:00
Code Issues Projects Releases Wiki Activity

UI tweaks

Browse Source
This commit is contained in:
Eugene Pankov 2018-10-22 15:44:12 +02:00
parent efee11efe2
commit 258665aaac
6 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
terminus-core/src/components/appRoot.component.scss
View File

@ -10,9 +10,10 @@
will-change: transform;
cursor: default;
animation: 0.5s ease-out fadeIn;
transition: 0.25s background;
}
$tabs-height: 36px;
$tabs-height: 38px;
$tab-border-radius: 4px;

8
terminus-core/src/components/appRoot.component.ts
View File

@ -56,7 +56,10 @@ export class AppRootComponent {
@Input() ready = false
@Input() leftToolbarButtons: IToolbarButton[]
@Input() rightToolbarButtons: IToolbarButton[]
@HostBinding('class') hostClass = `platform-${process.platform}`
@HostBinding('class.platform-win32') platformClassWindows = process.platform === 'win32'
@HostBinding('class.platform-darwin') platformClassMacOS = process.platform === 'darwin'
@HostBinding('class.platform-linux') platformClassLinux = process.platform === 'linux'
@HostBinding('class.no-tabs') noTabs = true
tabsDragging = false
unsortedTabs: BaseTabComponent[] = []
updateIcon: SafeHtml
@ -147,9 +150,12 @@ export class AppRootComponent {
this.hostApp.getWindow().setProgressBar(-1, { mode: 'none' })
}
})
this.noTabs = false
})
this.app.tabClosed$.subscribe(tab => {
this.unsortedTabs = this.unsortedTabs.filter(x => x !== tab)
this.noTabs = app.tabs.length === 0
})
}

2
terminus-core/src/components/tabHeader.component.scss
View File

@ -1,4 +1,4 @@
$tabs-height: 36px;
$tabs-height: 38px;
:host {
position: relative;

4
terminus-core/src/theme.scss
View File

@ -125,6 +125,10 @@ body {
}
app-root {
&.no-tabs {
background: rgba(0,0,0,.5);
}
&> .content {
.tab-bar {
.btn-tab-bar {

1
terminus-terminal/src/frontends/htermFrontend.ts
View File

@ -15,6 +15,7 @@ export class HTermFrontend extends Frontend {
if (!this.initialized) {
this.init()
this.initialized = true
preferenceManager.set('background-color', 'transparent')
this.term.decorate(host)
this.htermIframe = this.term.scrollPort_.iframe_
} else {

1
terminus-terminal/src/hterm.userCSS.scss
View File

@ -8,6 +8,7 @@ a:hover {
x-screen {
transition: 0.125s ease background;
background: transparent;
&::-webkit-scrollbar {
width: 3px;