enhance wompum grid layout; add aspect ratio support and improve height management

This commit is contained in:
Drew
2025-04-07 16:51:21 -06:00
parent 80e9b781e5
commit 93e66d5b5c
6 changed files with 21 additions and 17 deletions

View File

@ -6,6 +6,13 @@
& .wompum-grid,
& .wompum-article-grid {
gap: 2px;
height: 100%; // Fill container height
grid-template-rows: repeat(var(--grid-rows, 5), 1fr); // Default 5 rows
}
// When no height is set, use aspect ratio
&--aspect-ratio {
aspect-ratio: 3/1;
}
&--wide-gap .wompum-grid,
@ -27,19 +34,15 @@
&-cell {
width: 100%;
height: 100%; // Ensure cells fill their grid areas
transition: background-color 0.3s ease;
background-color: var(--sand-500);
&--narrator {
min-height: 35px;
}
&--subject {
min-height: 40px;
}
// Remove fixed heights since we're using aspect ratio now
&--narrator,
&--subject,
&--facilitator {
min-height: 35px;
min-height: unset;
}
}
}