F
Filament•12mo ago
Arnaud

Sidebar toggle fail

Hello, I don't know if it's the upgrade to v3.2 or using Minimal theme, or both. But I have a very strange behavior, when I want to reduce the sidebar, it expends. Any idea ?
No description
No description
Solution:
Yes, it's automatic with my composer config, but I retried, then npm i / build. I really don't know :/ Because it was urgent, I added a little bit of css to cover that point. Thanks anyway guys ``` .fi-sidebar:not(.fi-sidebar-open) { @apply w-24; }...
Jump to solution
4 Replies
Tieme
Tieme•12mo ago
Hi, Can you do the following. npm install npm run build
Arnaud
ArnaudOP•12mo ago
Hello Tieme, thanks. Sorry I tried that, clear cache, browser cache, try new browser. All the "regular" stuff 😅
awcodes
awcodes•12mo ago
Did you run php artisan filament:upgrade after composer update? Or do you have filament views published?
Solution
Arnaud
Arnaud•12mo ago
Yes, it's automatic with my composer config, but I retried, then npm i / build. I really don't know :/ Because it was urgent, I added a little bit of css to cover that point. Thanks anyway guys 
.fi-sidebar:not(.fi-sidebar-open) {
    @apply w-24;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-dropdown {
    @apply shrink-0 h-12 w-12;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-tenant-menu-ctn {
    @apply !mx-auto;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group {
    @apply px-4 py-6;
}
.fi-sidebar:not(.fi-sidebar-open) {
    @apply w-24;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-dropdown {
    @apply shrink-0 h-12 w-12;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-tenant-menu-ctn {
    @apply !mx-auto;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group {
    @apply px-4 py-6;
}

Did you find this page helpful?