From 7fc701651fbb1e6ca6a29f938b654cdbaa99efd3 Mon Sep 17 00:00:00 2001
From: litruv <litruv@gmail.com>
Date: Wed, 9 Sep 2026 00:20:26 +1000
Subject: [PATCH] fix(DebugPanel): add is-visible class and CSS for expanded
 panel

---
 website/scripts/DebugPanel.js | 1 +
 website/styles/main.css       | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/website/scripts/DebugPanel.js b/website/scripts/DebugPanel.js
index ed75f4b..fbe7d31 100644
--- a/website/scripts/DebugPanel.js
+++ b/website/scripts/DebugPanel.js
@@ -203,6 +203,7 @@ export class DebugPanel {
 
     /** Expands the debug panel if it is collapsed. */
     show() {
+        this.#panel.classList.add("is-visible");
         this.#panel.classList.remove("collapsed");
     }
 
diff --git a/website/styles/main.css b/website/styles/main.css
index 3fcc0e3..8edb25b 100644
--- a/website/styles/main.css
+++ b/website/styles/main.css
@@ -182,6 +182,10 @@ svg.world-image {
     transition: min-width 0.2s ease;
 }
 
+.debug-panel.is-visible {
+    display: flex;
+}
+
 .debug-panel.collapsed {
     min-width: auto;
 }