mirror of
https://iceshrimp.dev/iceshrimp/iceshrimp
synced 2024-11-24 07:06:07 +09:00
respect reduced motion
This commit is contained in:
parent
2fd60c21ad
commit
ecd6ed7716
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "calckey",
|
||||
"version": "12.119.0-calc.17.9",
|
||||
"version": "12.119.0-calc.18",
|
||||
"codename": "aqua",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
@ -11,7 +11,7 @@
|
||||
|
||||
<XStreamIndicator/>
|
||||
|
||||
<div v-if="pendingApiRequestsCount > 0" id="wait"></div>
|
||||
<!-- <div v-if="pendingApiRequestsCount > 0" id="wait"></div> -->
|
||||
|
||||
<div v-if="dev" id="devTicker"><span>DEV BUILD</span></div>
|
||||
</template>
|
||||
|
Loading…
Reference in New Issue
Block a user