fix: made the month height value a variable for self documenting it's…

… purpose
PostHog · Dec 16, 2024 · 1a58dca · 1a58dca
1 parent 5811973
commit 1a58dca
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.scss b/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.scss
@@ -1,4 +1,5 @@
 .LemonCalendar {
+    --lemon-calendar-month-height: 305px;
     --lemon-calendar-row-gap: 2px;
     --lemon-calendar-day-width: 40px;
     --lemon-calendar-today-radius: 2px;
@@ -7,7 +8,8 @@
     // Tricky: needs to match the equivalent height button from LemonButton.scss
     --lemon-calendar-time-button-height: 2.3125rem;
 
-    height: 305px;
+    // Force height for month so when swtiching to longer months, the height doesn't change
+    height: var(--lemon-calendar-month-height);
 
     .LemonCalendar__month {
         width: 100%;