hover:text-white somehow not available on my filament.

I see some css/tw issues in my project. a class like

hover:text-white

hover:text-white

is just not working. Same applies for

dark:text-white

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

Dennis Koch•7/21/24, 1:22 PM

It's probably a custom CSS class that's not contained in the Tailwind build. Not need to create a theme for custom classes.

Dennis Koch•7/21/24, 1:22 PM

Tailwind requires a build step. You can't just add classes

PsclOP•7/21/24, 1:24 PM

I did not touch any css/classes or tailwind files. Just installed as per instructions... hmmm.

PsclOP•7/21/24, 1:25 PM

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.

Dennis Koch•7/21/24, 1:27 PM

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.

Dennis Koch•7/21/24, 1:28 PM

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

Dennis Koch•7/21/24, 1:28 PM

It would help if you'd start with the Installation section of the plugins you use.

PsclOP•7/21/24, 1:36 PM

I did not skip it. :/

PsclOP•7/21/24, 1:37 PM

I tried it on a page with a simple link . added

hover:text-white

hover:text-white

. Does not work.

PsclOP•7/21/24, 1:39 PM

If you are open for it, we can jump on a paid screenshare and check why it is the case.

PPscl I tried it on a page with a simple link `<a>`. added `hover:text-white` . Does n...

Dennis Koch•7/21/24, 1:54 PM

Did you create a Filament theme?

PsclOP•7/21/24, 11:01 PM

@Dennis Koch not really. I tried it without and with creating a theme. But did not touch anything after created and setup.

PPscl @Dennis Koch not really. I tried it without and with creating a theme. But did n...

Dennis Koch•7/21/24, 11:13 PM

Then you should start with the instructions on creating a theme and next with the plugin instructions