enhance wompum grid layout; add aspect ratio support and improve height management
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user