fix(notification): correct bell animation + automatically close notification zone on clear

This commit is contained in:
Edouard Vanbelle
2026-04-01 22:54:53 +02:00
parent dd5328175e
commit d6c3ca3198
2 changed files with 26 additions and 12 deletions
+9 -7
View File
@@ -123,15 +123,17 @@
@keyframes bellRing {
0%, 100% { transform: rotate(0deg); }
15% { transform: rotate(14deg); }
30% { transform: rotate(-14deg); }
45% { transform: rotate(8deg); }
60% { transform: rotate(-8deg); }
75% { transform: rotate(3deg); }
13% { transform: rotate(22deg); }
26% { transform: rotate(-22deg); }
39% { transform: rotate(14deg); }
52% { transform: rotate(-14deg); }
65% { transform: rotate(8deg); }
78% { transform: rotate(-8deg); }
91% { transform: rotate(3deg); }
}
.notif-bell-btn.ring i {
animation: bellRing 0.6s ease;
.notif-bell-btn.ring {
animation: bellRing 1s ease;
}
.notif-panel {