focus day highlight css animation

2026-07-24 10:22:18 +00:00 · 2025-02-27 11:49:57 +01:00
parent 9acc2a8a9d
commit 9b68bfd336
3 changed files with 31 additions and 16 deletions
@@ -242,10 +242,25 @@
 	opacity: 0.5;
 }

-.fhc-calendar-month-page-day-highlight {
-	 /*background-color: #f5f5f5;*/
-	 /*background-color: red;*/
- }
+.fhc-calendar-month-page-day-focusday {
+	border-color: black !important;
+	background-color: white;
+	position: relative;
+	animation: dash-animation 2.5s linear infinite;
+}
+
+@keyframes dash-animation {
+	0% {
+		border-style: dashed;
+	}
+	50% {
+		border-style: solid;
+	}
+	100% {
+		border-style: dashed;
+	}
+}
+
 .fhc-highlight-week {
 	/*border-color: black !important;*/
 }