From 4ed41434e24f581d6cb4e1ec65c8cf29d061aa07 Mon Sep 17 00:00:00 2001 From: Smittix Date: Tue, 17 Feb 2026 15:13:24 +0000 Subject: [PATCH] fix: Hide output panel in analytics mode to prevent overlay Analytics is a sidebar-only mode with no visuals container, so the output panel was rendering on top of the analytics content. Add analytics-active class to expand the sidebar full-width and hide the output panel when in analytics mode. Co-Authored-By: Claude Opus 4.6 --- static/css/modes/analytics.css | 20 ++++++++++++++++++++ templates/index.html | 2 ++ 2 files changed, 22 insertions(+) diff --git a/static/css/modes/analytics.css b/static/css/modes/analytics.css index f36aaf1..7fe22f6 100644 --- a/static/css/modes/analytics.css +++ b/static/css/modes/analytics.css @@ -1,5 +1,25 @@ /* Analytics Dashboard Styles */ +/* Analytics is a sidebar-only mode — hide the output panel and expand the sidebar */ +@media (min-width: 1024px) { + .main-content.analytics-active { + grid-template-columns: 1fr !important; + } + .main-content.analytics-active > .output-panel { + display: none !important; + } + .main-content.analytics-active > .sidebar { + max-width: 100% !important; + width: 100% !important; + } +} + +@media (max-width: 1023px) { + .main-content.analytics-active > .output-panel { + display: none !important; + } +} + .analytics-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); diff --git a/templates/index.html b/templates/index.html index 3493dd9..2c631a1 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3818,6 +3818,8 @@ } else { mainContent.classList.remove('mesh-sidebar-hidden'); } + // Analytics is sidebar-only — hide output panel and expand sidebar + mainContent.classList.toggle('analytics-active', mode === 'analytics'); } // Show/hide mode-specific timeline containers