DarkSingularity/KeepItGoingServer
Internal
Public Access
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases 1 Wiki Activity

CRITICAL FIX: Override .detail-closed specificity at mobile

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Keith Smith
2025-12-26 21:33:11 -07:00
co-authored by Claude Sonnet 4.5
parent 8b71447024
commit 8db9f99701
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/app.css
+3 -1
View File
@@ -914,7 +914,9 @@ a:hover {
--sidebar-width: 0; --sidebar-width: 0;
} }
.app-layout { /* Override both app-layout variants to use single column */
.app-layout,
.app-layout.detail-closed {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
templates/base.html
+1 -1
View File
@@ -10,7 +10,7 @@
<link rel="icon" type="image/svg+xml" href="{% static 'favicons/favicon.svg' %}"> <link rel="icon" type="image/svg+xml" href="{% static 'favicons/favicon.svg' %}">
<link rel="alternate icon" href="{% static 'favicons/favicon.svg' %}" type="image/svg+xml"> <link rel="alternate icon" href="{% static 'favicons/favicon.svg' %}" type="image/svg+xml">
<link rel="stylesheet" href="{% static 'css/app.css' %}?v=5"> <link rel="stylesheet" href="{% static 'css/app.css' %}?v=6">
{% block extra_css %}{% endblock %} {% block extra_css %}{% endblock %}
</head> </head>
<body> <body>