Skip to content

Commit 0e6092a

Browse files
kaushalnavneettekton-robot
authored andcommitted
Accessibility fix: avoid animation rotation
- Disables rotating spinner animation when users have reduced motion preference enabled in their OS/browser settings - This prevents discomfort for users with motion-triggered vestibular disorders
1 parent accb9d0 commit 0e6092a

1 file changed

Lines changed: 7 additions & 1 deletion

File tree

packages/components/src/components/Spinner/_Spinner.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
Copyright 2019-2020 The Tekton Authors
2+
Copyright 2019-2026 The Tekton Authors
33
Licensed under the Apache License, Version 2.0 (the "License");
44
you may not use this file except in compliance with the License.
55
You may obtain a copy of the License at
@@ -26,3 +26,9 @@ limitations under the License.
2626
transform: rotate(360deg) scaleX(-1);
2727
}
2828
}
29+
30+
@media (prefers-reduced-motion: reduce) {
31+
.tkn--spinner {
32+
animation: none;
33+
}
34+
}

0 commit comments

Comments
 (0)