Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refines grid and viewport layout for scrolling

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

4
src/v2/core/CalendarOrchestrator.ts
View file

@ -108,13 +108,13 @@ export class CalendarOrchestrator {
// Hent alle entities og filtrer på parentIds // Hent alle entities og filtrer på parentIds
const allEntities = await service.getAll(); const allEntities = await service.getAll();
const entities = allEntities.filter(e => 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 // Byg parent-child map
const map: Record<string, string[]> = {}; const map: Record<string, string[]> = {};
for (const entity of entities) { 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[]) || []; const children = (entityRecord[property] as string[]) || [];
map[entityRecord.id as string] = children; map[entityRecord.id as string] = children;
} }

2
wwwroot/css/v2/calendar-v2-layout.css
View file

@ -116,6 +116,7 @@ swp-grid-container {
grid-column: 2; grid-column: 2;
grid-row: 1 / 3; grid-row: 1 / 3;
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: subgrid; grid-template-rows: subgrid;
overflow: hidden; overflow: hidden;
} }
@ -136,6 +137,7 @@ swp-header-viewport {
swp-content-viewport { swp-content-viewport {
overflow: hidden; overflow: hidden;
min-height: 0; min-height: 0;
width: 100%;
} }
swp-header-track { swp-header-track {