hover:text-white somehow not available on my filament.
I see some css/tw issues in my project. a class like
hover:text-white is just not working. Same applies for dark:text-white.
It is the same for my filament-demo I've installed locally. Any idea what's going wrong?
The screenshot shows an alement that should have white text on hover. So full tab for now is red... c r a z y 😄
8 Replies
It's probably a custom CSS class that's not contained in the Tailwind build. Not need to create a theme for custom classes.
Tailwind requires a build step. You can't just add classes
I did not touch any css/classes or tailwind files. Just installed as per instructions... hmmm.
Having the hover issue in the tabs of https://filamentphp.com/plugins/kenneth-sese-advanced-tables.
and the dark issue in https://filamentphp.com/plugins/ralphjsmit-activitylog-pro
So it feels like it is not an issue of the plugins.
Filament
Activitylog Pro by Ralph J. Smit - Filament
Easily add beautiful timelines to your Filament apps – inside panels or stand-alone. Integrates with Spatie Activitylog.
Seems you skipped over the installation section:
https://filamentphp.com/plugins/kenneth-sese-advanced-tables#setting-up-advanced-tables-in-filament-panels-including-relation-managers-table-widgets-and-panel-pages
Integrate Filter Set's Tailwind and css files Filament v3 recommends developers create a custom theme to better support a plugin's additional Tailwind classes.Same for Activitylog Pro:
For all panels that you want to use the package in, make sure that you have created a Filament custom theme. Next, for each theme, you need to add the following line to the tailwind.config.js file:https://filamentphp.com/plugins/ralphjsmit-activitylog-pro#add-plugin-blade-files-to-custom-theme-tailwindconfigjs-required It would help if you'd start with the Installation section of the plugins you use.
I did not skip it. :/
I tried it on a page with a simple link
<a>. added hover:text-white . Does not work.
If you are open for it, we can jump on a paid screenshare and check why it is the case.Did you create a Filament theme?
@Dennis Koch not really. I tried it without and with creating a theme. But did not touch anything after created and setup.
Then you should start with the instructions on creating a theme and next with the plugin instructions