mirror of
https://github.com/vector-im/element-call.git
synced 2026-02-02 04:05:56 +00:00
e201258af3
* add wait for pickup overlay Signed-off-by: Timo K <toger5@hotmail.de> * refactor and leave logic Signed-off-by: Timo K <toger5@hotmail.de> * recursive play sound logic Signed-off-by: Timo K <toger5@hotmail.de> * review Signed-off-by: Timo K <toger5@hotmail.de> * text color Signed-off-by: Timo K <toger5@hotmail.de> * overlay styling and interval fixes Signed-off-by: Timo K <toger5@hotmail.de> * fix permissions and styling Signed-off-by: Timo K <toger5@hotmail.de> * fix always getting pickup sound Signed-off-by: Timo K <toger5@hotmail.de> * Add sound effects for declined,timeout and ringtone * better ringtone * Integrate sounds * Ensure leave sound does not play * Remove unused blocked sound * fix test * Improve tests * Loop ring sound inside Audio context for better perf. * lint * better ringtone * Update to delay ringtone logic. * lint + fix test * Tidy up ring sync and add comments. * lint * Refactor onLeave to take a sound so we don't need to repeat the sound * fix import --------- Signed-off-by: Timo K <toger5@hotmail.de> Co-authored-by: Timo K <toger5@hotmail.de>
62 lines
938 B
CSS
62 lines
938 B
CSS
.overlay {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
|
|
.pulse {
|
|
position: relative;
|
|
height: 90px;
|
|
}
|
|
|
|
.pulse::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -12px;
|
|
border-radius: 9999px;
|
|
border: 12px solid rgba(255, 255, 255, 0.6);
|
|
animation: pulse var(--call-ring-duration-s) ease-out infinite;
|
|
animation-delay: 1s;
|
|
opacity: 0;
|
|
}
|
|
|
|
.text {
|
|
color: var(--cpd-color-text-on-solid-primary);
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
transform: scale(0.95);
|
|
opacity: 0.7;
|
|
transform: scale(0);
|
|
opacity: 1;
|
|
}
|
|
35% {
|
|
transform: scale(1.15);
|
|
opacity: 0.15;
|
|
}
|
|
50% {
|
|
transform: scale(1.2);
|
|
opacity: 0;
|
|
}
|
|
50.01% {
|
|
transform: scale(0);
|
|
}
|
|
85% {
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
transform: scale(0);
|
|
}
|
|
}
|