Filament•11mo ago

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 ?

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•11mo ago

Hi, Can you do the following. npm install npm run build

ArnaudOP•11mo ago

Hello Tieme, thanks. Sorry I tried that, clear cache, browser cache, try new browser. All the "regular" stuff 😅

awcodes•11mo ago

Did you run php artisan filament:upgrade after composer update? Or do you have filament views published?

Solution

Arnaud•11mo 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;
}

Gaming

Programming

Sidebar toggle fail