Frontend/Themes: Fix handleMotion function (#94856)

9 months ago · 4e93b0f467
parent dca881289a
commit 4e93b0f467
1 changed files with 1 additions and 1 deletions
--- a/packages/grafana-data/src/themes/createTransitions.ts
+++ b/packages/grafana-data/src/themes/createTransitions.ts
@ -56,7 +56,7 @@ export function create(props: string | string[] = ['all'], options: CreateTransi
 type ReducedMotionProps = 'no-preference' | 'reduce';

 export function handleMotion(...props: ReducedMotionProps[]) {
-  return props.map((prop) => `@media (prefers-reduced-motion: ${prop})`).join(',');
+  return `@media ${props.map((prop) => `(prefers-reduced-motion: ${prop})`).join(',')}`;
 }

 export function getAutoHeightDuration(height: number) {