diff --git a/package.json b/package.json index 68098faab1..7e0d154012 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "calckey", - "version": "12.119.0-calc.17.9", + "version": "12.119.0-calc.18", "codename": "aqua", "repository": { "type": "git", diff --git a/packages/backend/src/server/web/style.css b/packages/backend/src/server/web/style.css index cfdaac600d..5072e0ad4e 100644 --- a/packages/backend/src/server/web/style.css +++ b/packages/backend/src/server/web/style.css @@ -42,7 +42,7 @@ html { width: 28px; height: 28px; transform: translateY(110px); - display: none !important; + display: none; color: var(--accent); } #splashSpinner > .spinner { @@ -101,6 +101,16 @@ html { } } +@media(prefers-reduced-motion) { + #splashSpinner { + display: block; + } + + #splashIcon { + animation: none; + } +} + #splashText { position: absolute; top: 0; diff --git a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue index 70d0108e9f..5ec3caf67a 100644 --- a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue +++ b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue @@ -156,6 +156,12 @@ const props = withDefaults(defineProps<{ 0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); } 100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); } } + +@media(prefers-reduced-motion) { + div[class^='mfm'], div[class*=' mfm'] { + animation: none; + } +}