From 9777f463b56a7488eaa576e08198bdfd7f618ef9 Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Mon, 15 Dec 2025 20:38:39 +0100
Subject: [PATCH] Refines grid and viewport layout for scrolling

Improves CSS grid configuration to ensure proper scrolling and content display

Adds grid template columns and width constraints for better responsive behavior
Ensures consistent overflow and layout management across viewport components
---
 src/v2/core/CalendarOrchestrator.ts   | 4 ++--
 wwwroot/css/v2/calendar-v2-layout.css | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/v2/core/CalendarOrchestrator.ts b/src/v2/core/CalendarOrchestrator.ts
index a39aa14..4fd0e56 100644
--- a/src/v2/core/CalendarOrchestrator.ts
+++ b/src/v2/core/CalendarOrchestrator.ts
@@ -108,13 +108,13 @@ export class CalendarOrchestrator {
     // Hent alle entities og filtrer på parentIds
     const allEntities = await service.getAll();
     const entities = allEntities.filter(e =>
-      parentIds.includes((e as Record<string, unknown>).id as string)
+      parentIds.includes((e as unknown as Record<string, unknown>).id as string)
     );
 
     // Byg parent-child map
     const map: Record<string, string[]> = {};
     for (const entity of entities) {
-      const entityRecord = entity as Record<string, unknown>;
+      const entityRecord = entity as unknown as Record<string, unknown>;
       const children = (entityRecord[property] as string[]) || [];
       map[entityRecord.id as string] = children;
     }
diff --git a/wwwroot/css/v2/calendar-v2-layout.css b/wwwroot/css/v2/calendar-v2-layout.css
index cc01eb2..3ef668c 100644
--- a/wwwroot/css/v2/calendar-v2-layout.css
+++ b/wwwroot/css/v2/calendar-v2-layout.css
@@ -116,6 +116,7 @@ swp-grid-container {
   grid-column: 2;
   grid-row: 1 / 3;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   grid-template-rows: subgrid;
   overflow: hidden;
 }
@@ -136,6 +137,7 @@ swp-header-viewport {
 swp-content-viewport {
   overflow: hidden;
   min-height: 0;
+  width: 100%;
 }
 
 swp-header-track {