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
This commit is contained in:
Janus C. H. Knudsen 2025-12-15 20:38:39 +01:00
parent f20b8a47fa
commit 9777f463b5
2 changed files with 4 additions and 2 deletions

View file

@ -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;
}

View file

@ -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 {