mirror of
https://github.com/vector-im/element-call.git
synced 2026-08-29 21:15:19 +00:00
Add lower motion mode.
This commit is contained in:
@@ -154,6 +154,7 @@ Please see LICENSE in the repository root for full details.
|
|||||||
animation-duration: 4s;
|
animation-duration: 4s;
|
||||||
animation-name: reaction-up;
|
animation-name: reaction-up;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes reaction-up {
|
@keyframes reaction-up {
|
||||||
@@ -171,7 +172,7 @@ Please see LICENSE in the repository root for full details.
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion) {
|
@media (prefers-reduced-motion) {
|
||||||
@keyframes reaction-up {
|
@keyframes reaction-up-reduced {
|
||||||
from {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@@ -180,4 +181,11 @@ Please see LICENSE in the repository root for full details.
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.floatingReaction {
|
||||||
|
font-size: 48pt;
|
||||||
|
animation-name: reaction-up-reduced;
|
||||||
|
top: calc(-50vh + (48pt / 2));
|
||||||
|
left: calc(50vw - (48pt / 2)) !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user