Wrap the action buttons on a custom page
There are 8 actions on a custom page
Action buttons run off the right side of the page.
Mobile wraps nicely.
Got this to work in version 2 with help adding the same css.
Trying to make this work in Filament 3 following the instructions: https://filamentphp.com/docs/3.x/support/assets#the-filamentasset-facade
In app/Providers/Filament/AdminPanelProvider.php
I used the
'''
public function boot(): void
{
FilamentAsset::register([
Css::make('my-styles', DIR . '/../../../resources/css/my-styles.css'),
]);
}
'''
in my-styles.css
'''
'.filament-header .filament-page-actions {
flex-shrink: 1 !important;
}
'''
This css alloed the wrap as needed but I cannot get it to work in v3
Action buttons run off the right side of the page.
Mobile wraps nicely.
Got this to work in version 2 with help adding the same css.
Trying to make this work in Filament 3 following the instructions: https://filamentphp.com/docs/3.x/support/assets#the-filamentasset-facade
In app/Providers/Filament/AdminPanelProvider.php
I used the
'''
public function boot(): void
{
FilamentAsset::register([
Css::make('my-styles', DIR . '/../../../resources/css/my-styles.css'),
]);
}
'''
in my-styles.css
'''
'.filament-header .filament-page-actions {
flex-shrink: 1 !important;
}
'''
This css alloed the wrap as needed but I cannot get it to work in v3
