We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 2f12171 commit a63e0c6Copy full SHA for a63e0c6
src/components/phone/PhoneIndicator.vue
@@ -8,6 +8,7 @@
8
ref="icon"
9
data-testid="testIsTakingCallsIcon"
10
class="cursor-pointer"
11
+ :class="isTakingCalls ? 'pulse' : ''"
12
type="image/svg+xml"
13
:alt="$t('phoneDashboard.taking_calls')"
14
:data="ICON_MAP.phone"
@@ -50,3 +51,19 @@ export default defineComponent({
50
51
},
52
});
53
</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
67
68
69
+</style>
0 commit comments