eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Add Prefers Reduced Motion support for most components (#133)

Browse Source
This commit is contained in:
Mysterious_Dev
2023-11-11 23:22:01 +01:00
committed by GitHub
parent bf5d391d53
commit 66154b30c1
9 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/components/modal/Modal.vue
View File

@@ -99,6 +99,10 @@ defineExpose({
z-index: 19;
transition: all 0.3s ease-in-out;
@media (prefers-reduced-motion) {
transition: none !important;
}
&.shown {
opacity: 1;
visibility: visible;
@@ -164,6 +168,10 @@ defineExpose({
opacity: 0;
transition: all 0.25s ease-in-out;
@media (prefers-reduced-motion) {
transition: none !important;
}
@media screen and (max-width: 650px) {
width: calc(100% - 2 * var(--gap-lg));
}

4
lib/components/modal/ShareModal.vue
View File

@@ -251,6 +251,10 @@ defineExpose({
margin: var(--gap-sm);
transition: all 0.2s ease-in-out;
opacity: 0;
@media (prefers-reduced-motion) {
transition: none !important;
}
}
.resizable-textarea-wrapper {