Filament fi- and flag-icons package conflicting with the css classes.
✅ Solved4️⃣v4
Project uses;
https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css
Both filament and the flag icons coincidentally use the .fi- prefix, causing the Norwegian flag background-image to be applied to Filament's notification container. Please tell me theres and easy way to change the fi- on filament globally ?
Never did I ever think that this would occur. It just renders out the @livewire('notifications') as Norwegian flag. LMAO never though I would see that conflict.
https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css
Both filament and the flag icons coincidentally use the .fi- prefix, causing the Norwegian flag background-image to be applied to Filament's notification container. Please tell me theres and easy way to change the fi- on filament globally ?
Never did I ever think that this would occur. It just renders out the @livewire('notifications') as Norwegian flag. LMAO never though I would see that conflict.
