Skip to content

Commit a63e0c6

Browse files
feat(phones): added pulsing phone indicators for when taking calls
closes #476 (cherry picked from commit cfebd768e3610b7060ff4b404c2a2f6a956556da)
1 parent 2f12171 commit a63e0c6

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

src/components/phone/PhoneIndicator.vue

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
ref="icon"
99
data-testid="testIsTakingCallsIcon"
1010
class="cursor-pointer"
11+
:class="isTakingCalls ? 'pulse' : ''"
1112
type="image/svg+xml"
1213
:alt="$t('phoneDashboard.taking_calls')"
1314
:data="ICON_MAP.phone"
@@ -50,3 +51,19 @@ export default defineComponent({
5051
},
5152
});
5253
</script>
54+
<style scoped>
55+
.pulse {
56+
animation: pulse-animation 2s infinite;
57+
}
58+
@keyframes pulse-animation {
59+
0% {
60+
opacity: 1;
61+
}
62+
50% {
63+
opacity: 0.3;
64+
}
65+
100% {
66+
opacity: 1;
67+
}
68+
}
69+
</style>

0 commit comments

Comments
 (0)