matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar collapse by removing CSS width overrides
Build And Push Image / docker (push) Successful in 1m54s Details 

- Modified main.scss to respect Vuetify 3 rail mode
- Removed !important width overrides that blocked collapse
- Added conditional CSS: 280px when expanded, 56px when in rail mode
- Sidebar now properly collapses/expands when toggle button is clicked
- Preserves glass morphism effects and smooth transitions

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matt 2025-08-31 23:08:06 +02:00
parent 52c10a6c1b
commit 9e4f037917
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.claude/settings.local.json
View File

@ -41,7 +41,8 @@
"mcp__zen__thinkdeep", "mcp__zen__thinkdeep",
"mcp__serena__insert_after_symbol", "mcp__serena__insert_after_symbol",
"mcp__serena__replace_symbol_body", "mcp__serena__replace_symbol_body",
"mcp__playwright__browser_fill_form" "mcp__playwright__browser_fill_form",
"mcp__zen__debug"
], ],
"deny": [], "deny": [],
"ask": [] "ask": []

16
assets/scss/main.scss
View File

@ -929,11 +929,19 @@ $screen-xl: 1280px;
} }
} }
// Sidebar fixed width enforcement // Sidebar width configuration - respects rail mode
.v-navigation-drawer { .v-navigation-drawer {
width: 280px !important; // Only apply fixed width when NOT in rail mode
max-width: 280px !important; &:not(.v-navigation-drawer--rail) {
min-width: 280px !important; width: 280px;
max-width: 280px;
min-width: 280px;
}
// Ensure rail mode uses correct width
&.v-navigation-drawer--rail {
width: 56px !important;
}
&__content { &__content {
@include glass-effect(0.95, 10px); @include glass-effect(0.95, 10px);