chore: add nudge animation to 'Why do this' text

MaryWylde · MaryWylde · commit 7722ce314839 · 2026-02-18T18:08:44.000+04:00
diff --git a/src/components/longevity/LongevitySubSection/LongevitySubSection.module.scss b/src/components/longevity/LongevitySubSection/LongevitySubSection.module.scss
@@ -58,6 +58,10 @@
       }
     }
 
+    .habitTooltip {
+      animation: pulse-shadow-animation 2s infinite;
+    }
+
     .dateTxt {
       cursor: default;
 
@@ -187,3 +191,15 @@
     justify-content: space-between;
   }
 }
+
+@keyframes pulse-shadow-animation {
+  0% {
+    filter: drop-shadow(0px 0px 18px rgba(53, 35, 13, 0.2));
+  }
+  70% {
+    filter: drop-shadow(0px 0px 18px rgba(255, 0, 0, 0.8));
+  }
+  100% {
+    filter: drop-shadow(0px 0px 18px rgba(53, 35, 13, 0.2));
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,10 @@`
`58`	`58`	`}`
`59`	`59`	`}`
`60`	`60`
	`61`	`+ .habitTooltip {`
	`62`	`+ animation: pulse-shadow-animation 2s infinite;`
	`63`	`+ }`
	`64`	`+`
`61`	`65`	`.dateTxt {`
`62`	`66`	`cursor: default;`
`63`	`67`
`@@ -187,3 +191,15 @@`
`187`	`191`	`justify-content: space-between;`
`188`	`192`	`}`
`189`	`193`	`}`
	`194`	`+`
	`195`	`+@keyframes pulse-shadow-animation {`
	`196`	`+ 0% {`
	`197`	`+ filter: drop-shadow(0px 0px 18px rgba(53, 35, 13, 0.2));`
	`198`	`+ }`
	`199`	`+ 70% {`
	`200`	`+ filter: drop-shadow(0px 0px 18px rgba(255, 0, 0, 0.8));`
	`201`	`+ }`
	`202`	`+ 100% {`
	`203`	`+ filter: drop-shadow(0px 0px 18px rgba(53, 35, 13, 0.2));`
	`204`	`+ }`
	`205`	`+}`