wip

wwwroot/css/calendar-layout-css.css

@@ -213,7 +213,17 @@ swp-hour-marker::after {
   pointer-events: none;
   z-index: 2; /* Ensure it appears above other elements */
 }
-
+swp-hour-marker::before {
+  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 */
+}
 /* Add hour lines to time-grid as background */
 swp-time-grid {
   content: '';

wwwroot/css/calendar.css

@@ -233,30 +233,8 @@ swp-time-grid {
     height: calc(12 * var(--hour-height));
 }
 
-swp-time-grid::before {
-    content: '';
-    position: absolute;
-    top: calc((var(--work-start-hour) - var(--day-start-hour)) * var(--hour-height));
-    height: calc((var(--work-end-hour) - var(--work-start-hour)) * var(--hour-height));
-    left: 0;
-    right: 0;
-    background: var(--color-work-hours);
-    pointer-events: none;
-}
- 
-
-/* Day columns */
-swp-day-columns {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-}
 
 
-swp-day-column:last-child {
-    border-right: none;
-}
 
 swp-events-layer {
     position: absolute;

wwwroot/index.html

@@ -6,7 +6,6 @@
     <title>Calendar Plantempus - Week View</title>
     
     <!-- Modular CSS Files -->
-    <link rel="stylesheet" href="css/calendar.css">
     <link rel="stylesheet" href="css/calendar-base-css.css">
     <link rel="stylesheet" href="css/calendar-layout-css.css">
     <link rel="stylesheet" href="css/calendar-components-css.css">