studio/element-call
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

review: use simple transition instead of keyframe

Browse Source
This commit is contained in:
Valere
2025-12-04 10:36:57 +01:00
parent 940c787040
commit 7a2c1af44b
1 changed files with 5 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/room/EarpieceOverlay.module.css
View File

@@ -2,39 +2,22 @@
position: fixed; position: fixed;
z-index: var(--call-view-overlay-layer); z-index: var(--call-view-overlay-layer);
inset: 0; inset: 0;
display: none; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: var(--cpd-space-2x); gap: var(--cpd-space-2x);
} transition: opacity 200ms;
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
} }
.overlay[data-show="true"] { .overlay[data-show="true"] {
display: flex; opacity: 1;
animation: fade-in 200ms;
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
} }
.overlay[data-show="false"] { .overlay[data-show="false"] {
animation: fade-out 130ms forwards; opacity: 0;
pointer-events: none; pointer-events: none;
transition-duration: 130ms;
} }
.overlay::before { .overlay::before {