FilamentF
Filament•15mo ago
Matthew

Themes and CSS and Hook Classes

Am I right in thinking using the fi hook classes and custom theme, I still wouldn't be able to influence classes like this one:

I'm trying to move a hintaction to be right next to the label. If I change that element line to justify-start, it has the desired result.

But I cannot get a custom theme to perform that. Some failed attempts look like this:

.fi-in-entry-wrp-hint {

    @apply !flex inline-flex !items-start gap-x-3 !justify-start;

}

.fi-in-entry-wrp-label {

    @apply !flex inline-flex !items-start gap-x-3 !justify-start;

}

fi-in-entry-wrp {

    @apply !flex inline-flex !items-start gap-x-3 !justify-start;

}

fi-in-entry-wrp-hint-action {

@apply !flex inline-flex !items-start gap-x-3 !justify-start;

}


Is it possible ?
Solution
Does this infolist-action? support ->extraAtrributes? if yes, you can override maybe. Or you can target nested css like .fi-in-entry-wrp>div.grid>div { @apply !justify-start }
Jump to solution
Was this page helpful?