Debug and fix board dashboard hamburger menu visibility
Build And Push Image / docker (push) Successful in 1m57s
Details
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:
parent
299a49c258
commit
0199e5ba8c
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 = () => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue