local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat(a11y): honor prefer-reduced-motion

Browse source
This commit is contained in:
kolaente 2022-01-16 18:19:24 +01:00 committed by Gitea
parent c255e3f025
commit cb776872aa
3 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/tasks/partials/attachments.vue
View file

@ -326,6 +326,10 @@ export default {
height: auto; height: auto;
text-shadow: var(--shadow-md); text-shadow: var(--shadow-md);
animation: bounce 2s infinite; animation: bounce 2s infinite;
@media (prefers-reduced-motion: reduce) {
animation: none;
}
} }
.hint { .hint {

9
src/views/migrator/MigrateService.vue
View file

@ -254,4 +254,13 @@ export default {
background-color: var(--primary-dark); background-color: var(--primary-dark);
} }
} }
@media (prefers-reduced-motion: reduce) {
@keyframes wave {
10% {
transform: translate(0, 0);
background-color: var(--primary);
}
}
}
</style> </style>

8
src/views/tasks/TaskDetailView.vue
View file

@ -937,4 +937,12 @@ $flash-background-duration: 750ms;
background: transparent; background: transparent;
} }
} }
@media (prefers-reduced-motion: reduce) {
@keyframes flash-background {
0% {
background: transparent;
}
}
}
</style> </style>