Animera badges

bonny · May 9, 2024 · 9e1191a · 9e1191a
1 parent 947e911
commit 9e1191a
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/resources/views/components/latest-events-box.blade.php b/resources/views/components/latest-events-box.blade.php
@@ -1,14 +1,13 @@
 @once
     <style>
         .Timeline {
-            --badge-size: 9px;
+            --badge-size: 12px;
             background: white;
             padding: var(--default-margin);
             padding-bottom: var(--default-margin-half);
         }
 
-        .Timeline-title {
-        }
+        .Timeline-title {}
 
         .Timeline-items {
             list-style: none;
@@ -32,6 +31,10 @@
             color: #1f2328;
         }
 
+        .Timeline-titleLink {
+            display: block;
+        }
+
         .Timeline-itemTime {
             font-size: var(--font-size-small);
         }
@@ -87,6 +90,21 @@
             height: var(--badge-size);
             border-radius: 50%;
             background-color: var(--color-red-2);
+            animation: ease-in-out pulse 1.5s infinite;
+        }
+
+        @keyframes pulse {
+            0% {
+                transform: scale(1);
+            }
+
+            70% {
+                transform: scale(1.2);
+            }
+
+            100% {
+                transform: scale(1);
+            }
         }
     </style>
 @endonce