theme updates

This commit is contained in:
Eugene Pankov
2021-12-08 23:25:46 +01:00
parent 433c7d33d9
commit 5be4a12ee5
10 changed files with 92 additions and 45 deletions

View File

@@ -29,3 +29,4 @@
) )
.title.mr-2 {{getOptionText(option)}} .title.mr-2 {{getOptionText(option)}}
.description.no-wrap.text-muted {{option.description}} .description.no-wrap.text-muted {{option.description}}
.no-wrap.badge.badge-secondary.text-muted.ml-auto(*ngIf='selectedIndex == i') Enter

View File

@@ -7,6 +7,7 @@
overflow: auto; overflow: auto;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
padding: 0 15px;
} }
.group-header { .group-header {
@@ -30,4 +31,5 @@
input { input {
border-radius: 0; border-radius: 0;
border: none;
} }

View File

@@ -3,7 +3,7 @@ div
h1.tabby-title Tabby h1.tabby-title Tabby
sup α sup α
.list-group.list-group-light.mb-4 .list-group.mb-4
a.list-group-item.list-group-item-action.d-flex( a.list-group-item.list-group-item-action.d-flex(
*ngFor='let button of getButtons(); trackBy: buttonsTrackBy', *ngFor='let button of getButtons(); trackBy: buttonsTrackBy',
(click)='button.click()', (click)='button.click()',

View File

@@ -27,6 +27,10 @@ export class HomeBaseService {
this.platform.openExternal('https://github.com/Eugeny/tabby') this.platform.openExternal('https://github.com/Eugeny/tabby')
} }
openDiscussions (): void {
this.platform.openExternal('https://github.com/Eugeny/tabby/discussions')
}
reportBug (): void { reportBug (): void {
let body = `Version: ${this.appVersion}\n` let body = `Version: ${this.appVersion}\n`
body += `Platform: ${this.hostApp.platform} ${process.arch} ${this.platform.getOSRelease()}\n` body += `Platform: ${this.hostApp.platform} ${process.arch} ${this.platform.getOSRelease()}\n`

View File

@@ -223,7 +223,7 @@ hotkey-input-modal {
} }
.list-group-item { .list-group-item {
transition: 0.0625s background; // transition: 0.0625s background ease;
i + * { i + * {
margin-left: 10px; margin-left: 10px;
@@ -232,7 +232,7 @@ hotkey-input-modal {
.list-group.list-group-flush .list-group-item { .list-group.list-group-flush .list-group-item {
background: transparent; background: transparent;
border-color: rgba(0, 0, 0, 0.2); border: none;
&:not(:last-child) { &:not(:last-child) {
border-bottom: none; border-bottom: none;
@@ -247,11 +247,16 @@ hotkey-input-modal {
.list-group-light { .list-group-light {
.list-group-item { .list-group-item {
border: none; border: none !important;
outline: none !important;
background: transparent;
border-radius: $border-radius;
margin: 0 !important;
&.list-group-item-action { &.list-group-item-action {
&:hover, &.active { &:hover, &.active {
background: $list-group-hover-bg; background: $component-active-bg;
color: $component-active-color;
} }
} }
} }

View File

@@ -78,11 +78,11 @@ $link-color: $gray-400;
$link-hover-color: $white; $link-hover-color: $white;
$link-hover-decoration: none; $link-hover-decoration: none;
$component-active-color: $white; $component-active-color: #4fadff;
$component-active-bg: #2f3a42; $component-active-bg: #0059a559;
$list-group-bg: $table-bg; $list-group-bg: $table-bg;
$list-group-border-color: $table-border-color; $list-group-border-color: transparent;
$list-group-item-padding-y: 0.8rem; $list-group-item-padding-y: 0.8rem;
$list-group-item-padding-x: 1rem; $list-group-item-padding-x: 1rem;
@@ -197,3 +197,5 @@ $progress-height: 3px;
$alert-bg-level: 9; $alert-bg-level: 9;
$alert-border-level: 5; $alert-border-level: 5;
$alert-color-level: -5; $alert-color-level: -5;
$text-muted: rgba(255, 255, 255, 0.5);

View File

@@ -32,7 +32,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
i.fas.fa-fw.fa-plus i.fas.fa-fw.fa-plus
| New profile | New profile
.list-group.list-group-light.mt-3.mb-3 .list-group.mt-3.mb-3
ng-container(*ngFor='let group of profileGroups') ng-container(*ngFor='let group of profileGroups')
ng-container(*ngIf='isGroupVisible(group)') ng-container(*ngIf='isGroupVisible(group)')
.list-group-item.list-group-item-action.d-flex.align-items-center( .list-group-item.list-group-item-action.d-flex.align-items-center(
@@ -118,7 +118,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
.title Default profile settings .title Default profile settings
.description These apply to all profiles of a given type .description These apply to all profiles of a given type
.list-group.list-group-light.mt-3.mb-3 .list-group.mt-3.mb-3
a.list-group-item.list-group-item-action( a.list-group-item.list-group-item-action(
(click)='editDefaults(provider)', (click)='editDefaults(provider)',
*ngFor='let provider of profileProviders' *ngFor='let provider of profileProviders'

View File

@@ -6,29 +6,16 @@
| Application | Application
ng-template(ngbNavContent) ng-template(ngbNavContent)
.content-box .content-box
.row
.col-12.col-md-6
.logo-area
.tabby-logo.mt-3 .tabby-logo.mt-3
h1.tabby-title Tabby h1.tabby-title Tabby
sup α sup α
.text-center
.text-muted {{homeBase.appVersion}} .text-muted {{homeBase.appVersion}}
.mb-5.mt-3 button.btn.btn-secondary.mt-3.mb-2(
button.btn.btn-secondary.mr-3.mb-2((click)='homeBase.openGitHub()')
i.fab.fa-github
span GitHub
button.btn.btn-secondary.mr-3.mb-2((click)='homeBase.reportBug()')
i.fas.fa-bug
span Report a problem
button.btn.btn-secondary.mr-3.mb-2(
(click)='showReleaseNotes()',
)
i.fas.fa-book
span What's new
button.btn.btn-secondary.mr-3.mb-2(
*ngIf='!updateAvailable && hostApp.platform !== Platform.Web', *ngIf='!updateAvailable && hostApp.platform !== Platform.Web',
(click)='checkForUpdates()', (click)='checkForUpdates()',
[disabled]='checkingForUpdate' [disabled]='checkingForUpdate'
@@ -38,13 +25,41 @@
) )
span Check for updates span Check for updates
button.btn.btn-info.mr-3.mb-2( button.btn.btn-info.mt-3.mb-2(
*ngIf='updateAvailable', *ngIf='updateAvailable',
(click)='updater.update()', (click)='updater.update()',
) )
i.fas.fa-sync i.fas.fa-sync
span Update span Update
.col-12.col-md-6
.list-group.list-group-light.mb-5
button.list-group-item.list-group-item-action.link-card((click)='homeBase.reportBug()')
i.fas.fa-fw.fa-bug
div
div Report a problem
small.text-muted Generate a pre-filled GitHub issue
button.list-group-item.list-group-item-action.link-card((click)='homeBase.openDiscussions()')
i.fas.fa-fw.fa-comments
div
div Ask a question
small.text-muted On GitHub Discussions
button.list-group-item.list-group-item-action.link-card((click)='homeBase.openGitHub()')
i.fab.fa-fw.fa-github
div
div GitHub
small.text-muted Source code
button.list-group-item.list-group-item-action.link-card((click)='showReleaseNotes()')
i.fas.fa-fw.fa-book
div
div What's new
small.text-muted Show release notes
h3 Application settings
.form-line(*ngIf='platform.isShellIntegrationSupported()') .form-line(*ngIf='platform.isShellIntegrationSupported()')
.header .header
.title Shell integration .title Shell integration

View File

@@ -9,6 +9,24 @@
flex: none; flex: none;
} }
.logo-area {
.tabby-logo {
margin: 0 0 0 -8px;
width: 60px;
height: 60px;
}
.tabby-title {
text-align: left;
}
}
.link-card {
display: flex;
line-height: 1;
align-items: center;
}
> .content { > .content {
display: flex; display: flex;
min-height: 0; min-height: 0;

View File

@@ -16,7 +16,7 @@
div(*ngIf='!sftp') Connecting div(*ngIf='!sftp') Connecting
div(*ngIf='sftp') div(*ngIf='sftp')
div(*ngIf='fileList === null') Loading div(*ngIf='fileList === null') Loading
.list-group.list-group-flush(*ngIf='fileList !== null') .list-group.list-group-light(*ngIf='fileList !== null')
.list-group-item.list-group-item-action.d-flex.align-items-center( .list-group-item.list-group-item-action.d-flex.align-items-center(
*ngIf='path !== "/"', *ngIf='path !== "/"',
(click)='goUp()' (click)='goUp()'