fixed tab header animations, allow disabling animations globally #6147

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

@@ -26,7 +26,7 @@ title-bar(
                 [tab]='tab',
                 [active]='tab == app.activeTab',
                 @animateTab,
-                [@.disabled]='hasVerticalTabs()',
+                [@.disabled]='hasVerticalTabs() || !config.store.accessibility.animations',
                 (click)='app.selectTab(tab)',
                 [class.fully-draggable]='hostApp.platform != Platform.macOS',
                 [class.drag-region]='hostApp.platform == Platform.macOS && !(app.tabDragActive$|async)',

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

@@ -25,8 +25,8 @@ import { AppService, FileTransfer, HostWindowService, PlatformService, ToolbarBu
     animations: [
         trigger('animateTab', [
             state('in', style({
-                'flex-basis': '200px',
-                width: '200px',
+                'flex-basis': 'auto',
+                width: 'auto',
             })),
             transition(':enter', [
                 style({
@@ -34,14 +34,14 @@ import { AppService, FileTransfer, HostWindowService, PlatformService, ToolbarBu
                     width: '1px',
                 }),
                 animate('250ms ease-in-out', style({
-                    'flex-basis': '200px',
-                    width: '200px',
+                    'flex-basis': 'auto',
+                    width: 'auto',
                 })),
             ]),
             transition(':leave', [
                 style({
-                    'flex-basis': '200px',
-                    width: '200px',
+                    'flex-basis': 'auto',
+                    width: 'auto',
                 }),
                 animate('250ms ease-in-out', style({
                     'flex-basis': '1px',

tabby-core/src/configDefaults.yaml

@@ -1,3 +1,5 @@
+accessibility:
+  animations: true
 appearance:
   dock: off
   dockScreen: current