Fix board dashboard sidebar navigation in collapsed mode
Build And Push Image / docker (push) Successful in 2m3s Details

- 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>
This commit is contained in:
Matt 2025-08-31 23:21:56 +02:00
parent c37e0d0b1b
commit 557f9b6260
1 changed files with 42 additions and 0 deletions

View File

@ -99,6 +99,31 @@
</template> </template>
</v-list-item> </v-list-item>
</v-list-group> </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 --> <!-- Events & Meetings -->
<v-list-group value="events" v-if="!miniVariant"> <v-list-group value="events" v-if="!miniVariant">
@ -130,6 +155,23 @@
class="glass-nav-item-sub" class="glass-nav-item-sub"
/> />
</v-list-group> </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 --> <!-- Reports & Analytics -->
<v-tooltip <v-tooltip