fixed #8404 - missing SFTP progressbar

tabby-core/src/components/appRoot.component.pug

@@ -51,7 +51,7 @@ title-bar(
                 #activeTransfersDropdown='ngbDropdown'
             )
                 button.btn.btn-secondary.btn-tab-bar(
-                    *ngIf='activeTransfers.length > 0',
+                    [hidden]='activeTransfers.length == 0',
                     title='File transfers',
                     ngbDropdownToggle
                 ) !{require('../icons/transfers.svg')}

tabby-core/src/components/transfersMenu.component.pug

@@ -6,12 +6,7 @@
     .icon(*ngIf='!isDownload(transfer)') !{require('../icons/upload.svg')}
     .main
         label.no-wrap([title]='transfer.getName()') {{transfer.getName()}}
-        .status(*ngIf='transfer.isComplete()')
-            ngb-progressbar(type='success', [value]='100')
-        .status(*ngIf='transfer.isCancelled()')
-            ngb-progressbar(type='danger', [value]='100')
-        .status(*ngIf='!transfer.isComplete() && !transfer.isCancelled()')
-            ngb-progressbar(type='info', [value]='getProgress(transfer)')
+        ngb-progressbar([type]='transfer.isComplete() ? "success" : transfer.isCancelled() ? "danger" : "info"', [value]='getProgress(transfer)')
         .metadata
             .size {{transfer.getSize()|filesize}}
             .speed(*ngIf='transfer.getSpeed()') {{transfer.getSpeed()|filesize}}/s

tabby-core/src/index.ts

@@ -8,6 +8,8 @@ import { DragDropModule } from '@angular/cdk/drag-drop'
 import { TranslateModule, TranslateCompiler, TranslateService, MissingTranslationHandler } from '@ngx-translate/core'
 import { TranslateMessageFormatCompiler, MESSAGE_FORMAT_CONFIG } from 'ngx-translate-messageformat-compiler'
 
+import '@angular/localize/init'
+
 import { AppRootComponent } from './components/appRoot.component'
 import { CheckboxComponent } from './components/checkbox.component'
 import { TabBodyComponent } from './components/tabBody.component'

tabby-core/src/theme.new.scss

@@ -171,6 +171,13 @@ body {
     }
 }
 
+.dropdown-menu {
+    --bs-dropdown-bg: var(--theme-bg-more);
+}
+
+.progress {
+    --bs-progress-height: 3px;
+}
 
 tab-body {
     terminal-toolbar {