From 8db9f99701beaf2a89fac03bfc31a0c1b75a0a20 Mon Sep 17 00:00:00 2001 From: Keith Smith Date: Fri, 26 Dec 2025 21:33:11 -0700 Subject: [PATCH] CRITICAL FIX: Override .detail-closed specificity at mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Root cause: The .app-layout.detail-closed class (2-class specificity) was overriding .app-layout (1-class specificity) at mobile, creating a 3-column grid "0 1fr 0" instead of single column "1fr". The task-pane was placed in column 1 (0 width), making it invisible. Fix: Explicitly override both .app-layout and .app-layout.detail-closed with equal specificity in the 768px breakpoint. Cache bust: v=6 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 --- static/css/app.css | 4 +++- templates/base.html | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/static/css/app.css b/static/css/app.css index b45a46c..f48c9ae 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -914,7 +914,9 @@ a:hover { --sidebar-width: 0; } - .app-layout { + /* Override both app-layout variants to use single column */ + .app-layout, + .app-layout.detail-closed { grid-template-columns: 1fr; } diff --git a/templates/base.html b/templates/base.html index 70199b2..40c6495 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,7 +10,7 @@ - + {% block extra_css %}{% endblock %}