Debug and fix board dashboard hamburger menu visibility
Build And Push Image / docker (push) Successful in 1m57s Details

- 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>
This commit is contained in:
Matt 2025-09-01 00:04:01 +02:00
parent 299a49c258
commit 0199e5ba8c
2 changed files with 15 additions and 0 deletions

View File

@ -950,6 +950,16 @@ $screen-xl: 1280px;
// Keep hamburger menu visible - removed the hiding CSS // 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 // Animation classes
.animated-entrance { .animated-entrance {
animation: slide-up 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both !important; animation: slide-up 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;

View File

@ -478,6 +478,9 @@ const memberData = computed<Member | null>(() => sessionData.value?.member || nu
// Load board-specific notifications // Load board-specific notifications
onMounted(async () => { onMounted(async () => {
// Debug initial state
console.log('Board layout mounted - drawer:', drawer.value, 'miniVariant:', miniVariant.value);
try { try {
const [notificationsRes, applicationsRes] = await Promise.all([ const [notificationsRes, applicationsRes] = await Promise.all([
$fetch('/api/board/notifications/count'), $fetch('/api/board/notifications/count'),
@ -492,7 +495,9 @@ onMounted(async () => {
}); });
const toggleDrawer = () => { const toggleDrawer = () => {
console.log('Board toggleDrawer called, current miniVariant:', miniVariant.value);
miniVariant.value = !miniVariant.value; miniVariant.value = !miniVariant.value;
console.log('Board miniVariant after toggle:', miniVariant.value);
}; };
const toggleSearch = () => { const toggleSearch = () => {