fixed tab header animations, allow disabling animations globally #6147

tabby-settings/src/components/hotkeyInputModal.component.pug

@@ -3,7 +3,11 @@
 
 .modal-body
     .input
-        .stroke(*ngFor='let stroke of value', [@animateKey]='true') {{stroke}}
+        .stroke(
+            *ngFor='let stroke of value',
+            [@animateKey]='true',
+            [@.disabled]='!config.store.accessibility.animations'
+        ) {{stroke}}
 
     .timeout
         div([style.width]='timeoutProgress + "%"')

tabby-settings/src/components/hotkeyInputModal.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core'
 import { trigger, transition, style, animate } from '@angular/animations'
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
-import { HotkeysService, BaseComponent, Keystroke } from 'tabby-core'
+import { HotkeysService, BaseComponent, Keystroke, ConfigService } from 'tabby-core'
 
 const INPUT_TIMEOUT = 1000
 
@@ -45,6 +45,7 @@ export class HotkeyInputModalComponent extends BaseComponent {
     constructor (
         private modalInstance: NgbActiveModal,
         public hotkeys: HotkeysService,
+        public config: ConfigService,
     ) {
         super()
         this.hotkeys.clearCurrentKeystrokes()

tabby-settings/src/components/settingsTab.component.pug

@@ -105,6 +105,12 @@
                             i.fas.fa-bug
                             span(translate) Open DevTools
 
+                    h3(translate) Accessibility
+                    .form-line
+                        .header
+                            .title(translate) Enable animations
+                        toggle([(ngModel)]='config.store.accessibility.animations', (ngModelChange)='saveConfiguration()')
+
         ng-container(*ngFor='let provider of settingsProviders')
             li(*ngIf='provider.prioritized', [ngbNavItem]='provider.id')
                 a.d-flex.align-items-center(ngbNavLink)