From 58f98468a1aeda4ebd2f0ef85eb7eba7bc66ef56 Mon Sep 17 00:00:00 2001
From: Janus Knudsen <janus@sevenweirdpeople.com>
Date: Tue, 5 Aug 2025 20:02:51 +0200
Subject: [PATCH] Fixes fill width hour lines on calendar

---
 wwwroot/css/calendar-layout-css.css | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index a25d69f..0b2e60a 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -202,17 +202,6 @@ swp-hour-marker {
   position: relative;
 }
 
-swp-hour-marker::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 100%;
-  width: calc(100vw - 60px); /* Full viewport width minus time-axis width */
-  height: 1px;
-  background: var(--color-hour-line);
-  pointer-events: none;
-  z-index: 2; /* Ensure it appears above other elements */
-}
 swp-hour-marker::before {
   content: '';
   position: absolute;
@@ -225,13 +214,14 @@ swp-hour-marker::before {
   z-index: 2; /* Ensure it appears above other elements */
 }
 /* Add hour lines to time-grid as background */
-swp-time-grid {
+swp-time-grid::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
+  min-width: calc(var(--week-days) * var(--day-column-min-width)); /* Dynamic width like swp-grid-lines */
   background-image: repeating-linear-gradient(
     to bottom,
     transparent,