From 8c5ab92c88f203f72efc15dc88876d5979834d7b Mon Sep 17 00:00:00 2001
From: s0lray <s0lray@users.noreply.github.com>
Date: Wed, 25 Mar 2026 23:07:07 -0400
Subject: [PATCH] Fix mobile panel to full-screen overlay per board (THE-104)

Board confirmed: mobile panel should be full-screen overlay with X button,
not a bottom sheet. Simplified @media breakpoint to 100vw/100vh with no
border-radius and inherited slide-right animation from desktop.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 public/css/panel.css | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/public/css/panel.css b/public/css/panel.css
index c4397e6..a2e2d0a 100644
--- a/public/css/panel.css
+++ b/public/css/panel.css
@@ -291,22 +291,14 @@
   stroke-width: 3px;
 }
 
-/* Mobile: bottom-sheet */
+/* Mobile: full-screen overlay */
 @media (max-width: 768px) {
   #tool-panel {
     width: 100vw;
-    height: 80vh;
-    top: auto;
-    bottom: 0;
+    height: 100vh;
+    top: 0;
     right: 0;
     border-left: none;
-    border-top: 1px solid var(--color-border);
-    border-radius: var(--radius-md) var(--radius-md) 0 0;
-    transform: translateY(100%);
-    transition: transform 250ms ease;
-  }
-
-  #tool-panel.open {
-    transform: translateY(0);
+    border-radius: 0;
   }
 }