Hide a line in navigation group
Hi, I am looking through the docs, but can't seem to find on how to disable a line that appears when you don't use icons for each resource. The line I'm talking about is this one
How to hide it?
Solution:Jump to solution
The line element is the first child of a parent element with
fi-sidebar-item-grouped-border so you should be able to safely target it with something like
...5 Replies
Solution
The line element is the first child of a parent element with
fi-sidebar-item-grouped-border so you should be able to safely target it with something like
Adding this css to your theme.css file would apply the tailwindcss hidden class to the first child div of an element with fi-sidebar-item-grouped-borderAlternatively you could use a custom svg icon and create simple circle/bullet svg (or any other shape of your preference).
https://filamentphp.com/docs/3.x/support/icons#using-custom-svgs-as-icons
I think I'd personally use a custom svg. Something like this might work
Well, I get something like this... I'm gonna play around, if I hide the .fi-sidebar-item-grouped-border it kinda looks alright, I'll play around with it 😄
.fi-sidebar-item-grouped-border > div:first-child {
@apply opacity-0;
}
Not the nicest solution. Goona see what else I can come up with, but it works for now