m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(trip): switch panel animation to max-height (grid-template-rows broken)

Browse Source 
grid-template-rows: 0fr fails to fully collapse when the direct grid
child has overflow:hidden (creates a BFC that prevents 0-height).
max-height: 0 → 600px with overflow:hidden is simpler and reliable.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-22 01:09:38 +02:00
parent aa1cb7411c
commit 1bb588d1d2
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+3 -6
View File
@@ -1210,22 +1210,19 @@ body::after {
.trip-stats-block, .trip-stats-block,
.trip-cycling-block { .trip-cycling-block {
display: grid; max-height: 0;
grid-template-rows: 0fr;
overflow: hidden; overflow: hidden;
margin-bottom: 0; margin-bottom: 0;
transition: grid-template-rows 0.35s ease, margin-bottom 0.35s ease; transition: max-height 0.4s ease, margin-bottom 0.35s ease;
} }
.trip-stats-block.is-open, .trip-stats-block.is-open,
.trip-cycling-block.is-open { .trip-cycling-block.is-open {
grid-template-rows: 1fr; max-height: 600px;
margin-bottom: var(--space-6); margin-bottom: var(--space-6);
} }
.trip-panel-inner { .trip-panel-inner {
min-height: 0;
overflow: hidden;
background: var(--color-canvas); background: var(--color-canvas);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius-md); border-radius: var(--radius-md);