From 0199e5ba8c36973a793c7bdfe024b17ef660b841 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Mon, 1 Sep 2025 00:04:01 +0200
Subject: [PATCH] Debug and fix board dashboard hamburger menu visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added debug logging to track toggleDrawer function calls
- Added explicit CSS to ensure hamburger button is visible
- Added mounted hook logging to verify initial state
- Ensured button has proper z-index and display properties

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 assets/scss/main.scss | 10 ++++++++++
 layouts/board.vue     |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 0b2d68f..d97b96d 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -950,6 +950,16 @@ $screen-xl: 1280px;
 
 // Keep hamburger menu visible - removed the hiding CSS
 
+// Ensure hamburger button is visible and clickable
+.glass-app-bar {
+  .v-btn:first-child {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    z-index: 10 !important;
+  }
+}
+
 // Animation classes
 .animated-entrance {
   animation: slide-up 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
diff --git a/layouts/board.vue b/layouts/board.vue
index 2e70f92..70de208 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -478,6 +478,9 @@ const memberData = computed<Member | null>(() => sessionData.value?.member || nu
 
 // Load board-specific notifications
 onMounted(async () => {
+  // Debug initial state
+  console.log('Board layout mounted - drawer:', drawer.value, 'miniVariant:', miniVariant.value);
+  
   try {
     const [notificationsRes, applicationsRes] = await Promise.all([
       $fetch('/api/board/notifications/count'),
@@ -492,7 +495,9 @@ onMounted(async () => {
 });
 
 const toggleDrawer = () => {
+  console.log('Board toggleDrawer called, current miniVariant:', miniVariant.value);
   miniVariant.value = !miniVariant.value;
+  console.log('Board miniVariant after toggle:', miniVariant.value);
 };
 
 const toggleSearch = () => {