From 6440b0333c7c49d57ee27947a0db13b6141d65b3 Mon Sep 17 00:00:00 2001 From: Caleb Allen Date: Mon, 30 Mar 2026 15:10:50 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20fully=20collapse=20hidden=20views=20?= =?UTF-8?q?=E2=80=94=20zero=20out=20all=20box=20model=20properties?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The hidden primary view was creating a gap above the active view because flex:0 and height:0 alone don't override min-height from the component's shadow DOM :host styles. In flex layout, the default min-height:auto can prevent an element from collapsing to zero height. Added to .view-hidden: - min-height: 0 — overrides flex min-height:auto - max-height: 0 — belt-and-suspenders height constraint - padding: 0 — prevents padding from creating space - margin: 0 — prevents margin from creating space - border: none — prevents border from creating space - flex: 0 0 0px — explicit flex-basis:0px (not just flex:0) All with !important to override shadow DOM :host styles. --- frontend/index.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/frontend/index.css b/frontend/index.css index 585b4db..4ca74a9 100644 --- a/frontend/index.css +++ b/frontend/index.css @@ -161,8 +161,13 @@ body div.sidebar { display:none discards scroll state in WebKitGTK. */ .main-panel > .view-hidden { visibility: hidden !important; - flex: 0 !important; + flex: 0 0 0px !important; + min-height: 0 !important; + max-height: 0 !important; height: 0 !important; + padding: 0 !important; + margin: 0 !important; + border: none !important; overflow: hidden !important; pointer-events: none !important; contain: strict !important;