F
Filament9mo ago
Amitoj

Distorted Menu Button & Modals

Hi there, I just upgraded the filament files using composer update and then php artisan filament:upgrade, then I started seeing all the table action menu and filter menu were distorted, it was normal before upgrading the filament. My codework is at: https://github.com/Amitoj02/Laravel-Ecommerce/blob/main/app/Filament/Resources/InventoryResource.php Is there any quick fix to it?
No description
No description
No description
24 Replies
danzzz
danzzz9mo ago
try to rebuild the assets (npm)
Amitoj
AmitojOP9mo ago
It makes sense that it is happening because of lack of files generated by npm build, I have question, is there any other way around to copy the generated files from local machine to the host as the host cannot have nodejs at all. I attempted to copy the node_modules and public/build directories but I dont think it worked.
Saade
Saade9mo ago
you need to copy the css and js folders too
Amitoj
AmitojOP9mo ago
I have also attempted to copy the css and js folders, and also cleared artisan cache, still same.
No description
lazydog
lazydog9mo ago
Pls run
php artisan filament:asset
php artisan filament:asset
Amitoj
AmitojOP9mo ago
I run the command, it didnt work, I also clear server and browser cache, didnt work.
lazydog
lazydog9mo ago
The worse thing you can do is to delete the vendor/node_modules folder and re-install all dependencies
Amitoj
AmitojOP9mo ago
Okay, lets see
awcodes
awcodes9mo ago
The command should be ‘php artisan filament:assets’
Amitoj
AmitojOP9mo ago
I tried everything, none of it came forward, I did my own research and I assume that the ! in css classes are causing issue
Amitoj
AmitojOP9mo ago
No description
Amitoj
AmitojOP9mo ago
When I remove the "!" mark from the classname, it fixes everything
No description
Amitoj
AmitojOP9mo ago
No description
Amitoj
AmitojOP9mo ago
I hope I am wrong as you guys might be using css libraries to really make this css classes important which is not working in my case.
Amitoj
AmitojOP9mo ago
Issue is resolved from my end, thank you everyone, you might like to raise an github issue for this one.
krekas
krekas9mo ago
I hope you didn't modify the files in vendor folder...
awcodes
awcodes9mo ago
If removing those in your app fixes the issue then it is an issue somewhere in your app and not in filament. Otherwise everyone would be having this problem.
Amitoj
AmitojOP9mo ago
Yes I believe that too, but im leaving it here for the record if it happens again, thanks
krekas
krekas9mo ago
But it seems you edited vendor files... which is really bad
Amitoj
AmitojOP9mo ago
I appreciate your concern, Its not long term project, so it doesnt matter for me.
krekas
krekas9mo ago
It doesn't matter long term or not. Do it properly now so next time you will know how to do it
Amitoj
AmitojOP9mo ago
😂😂absolutely

Did you find this page helpful?