fix(ui): add prefers-reduced-motion support to Tab indicators

Signed-off-by: Johan Persson <johanopersson@gmail.com>
2026-03-23 16:45:45 +01:00
parent 8659f3331c
commit 3d67aebd35
2 changed files with 14 additions and 0 deletions
@@ -0,0 +1,7 @@
+---
+'@backstage/ui': patch
+---
+
+Added `prefers-reduced-motion` support to Tab indicator animations. Users with reduced motion preferences will no longer see sliding transitions on the active and hover indicators.
+
+**Affected components:** Tabs
@@ -99,4 +99,11 @@
    padding-inline: var(--bui-space-2);
    padding-top: var(--bui-space-4);
  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .bui-TabActive,
+    .bui-TabHovered {
+      transition: none;
+    }
+  }
 }