From ebb5f7c7eb49640e1198cb906b1a34546a6df36c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?St=C3=A9phane=20Brunner?= Date: Wed, 16 Oct 2024 11:49:27 +0200 Subject: [PATCH] Better reduced-motion Slow spinner instead of blocked spinner --- src/controllers/common.scss | 6 ++++++ src/controllers/desktop.scss | 1 + src/controllers/mobile.scss | 1 + 3 files changed, 8 insertions(+) create mode 100644 src/controllers/common.scss diff --git a/src/controllers/common.scss b/src/controllers/common.scss new file mode 100644 index 000000000000..123ca02ab19d --- /dev/null +++ b/src/controllers/common.scss @@ -0,0 +1,6 @@ +@media (prefers-reduced-motion: reduce) { + html .fa-spin { + animation-duration: 5s; + animation-iteration-count: infinite; + } +} diff --git a/src/controllers/desktop.scss b/src/controllers/desktop.scss index f1706269a150..045101dfdd94 100644 --- a/src/controllers/desktop.scss +++ b/src/controllers/desktop.scss @@ -27,6 +27,7 @@ @import './vars_desktop.scss'; +@import './common.scss'; @import 'ol/ol.css'; @import 'gmf/css/reset.css'; @import 'gmf/sass/gmf-font.scss'; diff --git a/src/controllers/mobile.scss b/src/controllers/mobile.scss index 5000e7652342..1970dbfa114d 100644 --- a/src/controllers/mobile.scss +++ b/src/controllers/mobile.scss @@ -27,6 +27,7 @@ @import './vars_mobile.scss'; +@import './common.scss'; @import 'ol/ol.css'; @import 'gmf/css/reset.css'; @import 'gmf/sass/gmf-font.scss';