From 557f9b62606f2b418118db8c6658af6e4271d016 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Sun, 31 Aug 2025 23:21:56 +0200
Subject: [PATCH] Fix board dashboard sidebar navigation in collapsed mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added collapsed mode icons for Members and Events sections
- Members and Events groups now show as single icons with tooltips when sidebar is collapsed
- Maintains badge for pending applications in collapsed mode
- Ensures consistent navigation experience across all dashboard layouts

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 layouts/board.vue | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/layouts/board.vue b/layouts/board.vue
index ee2f377..580e4c3 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -99,6 +99,31 @@
             </template>
           </v-list-item>
         </v-list-group>
+        
+        <!-- Member Management (Collapsed) -->
+        <v-tooltip 
+          v-if="miniVariant"
+          text="Members"
+          location="end"
+        >
+          <template v-slot:activator="{ props }">
+            <v-list-item 
+              v-bind="props"
+              to="/board/members" 
+              prepend-icon="mdi-account-group"
+              value="members-collapsed"
+              class="glass-nav-item animated-nav-item"
+            >
+              <template v-if="pendingApplications > 0" v-slot:append>
+                <v-badge 
+                  :content="pendingApplications"
+                  color="error"
+                  class="glass-badge"
+                />
+              </template>
+            </v-list-item>
+          </template>
+        </v-tooltip>
 
         <!-- Events & Meetings -->
         <v-list-group value="events" v-if="!miniVariant">
@@ -130,6 +155,23 @@
             class="glass-nav-item-sub"
           />
         </v-list-group>
+        
+        <!-- Events & Meetings (Collapsed) -->
+        <v-tooltip 
+          v-if="miniVariant"
+          text="Events & Meetings"
+          location="end"
+        >
+          <template v-slot:activator="{ props }">
+            <v-list-item 
+              v-bind="props"
+              to="/board/events" 
+              prepend-icon="mdi-calendar"
+              value="events-collapsed"
+              class="glass-nav-item animated-nav-item"
+            />
+          </template>
+        </v-tooltip>
 
         <!-- Reports & Analytics -->
         <v-tooltip