From 1bb588d1d2f2c18fd2f0f061c9aa3778e2761f8e Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Mon, 22 Jun 2026 01:09:38 +0200
Subject: [PATCH] fix(trip): switch panel animation to max-height
 (grid-template-rows broken)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 themes/intotheeast/css/style.css | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index d2d5271..8610f21 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -1210,22 +1210,19 @@ body::after {
 
 .trip-stats-block,
 .trip-cycling-block {
-    display: grid;
-    grid-template-rows: 0fr;
+    max-height: 0;
     overflow: hidden;
     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-cycling-block.is-open {
-    grid-template-rows: 1fr;
+    max-height: 600px;
     margin-bottom: var(--space-6);
 }
 
 .trip-panel-inner {
-    min-height: 0;
-    overflow: hidden;
     background: var(--color-canvas);
     border: 1px solid var(--color-border);
     border-radius: var(--radius-md);