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

The line element is the first child of a parent element with

fi-sidebar-item-grouped-border

fi-sidebar-item-grouped-border

so you should be able to safely target it with something like

.fi-sidebar-item-grouped-border > div:first-child {
    @apply hidden;
}

.fi-sidebar-item-grouped-border > div:first-child {
    @apply hidden;
}

Adding this css to your theme.css file would apply the tailwindcss

hidden

hidden

class to the first child div of an element with

fi-sidebar-item-grouped-border

fi-sidebar-item-grouped-border

Jump to solution

Filament•12mo ago•

7 replies

Prosp30

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

The line element is the first child of a parent element with

fi-sidebar-item-grouped-border

fi-sidebar-item-grouped-border

so you should be able to safely target it with something like

.fi-sidebar-item-grouped-border > div:first-child {
    @apply hidden;
}

.fi-sidebar-item-grouped-border > div:first-child {
    @apply hidden;
}

Adding this css to your theme.css file would apply the tailwindcss

hidden

hidden

class to the first child div of an element with

fi-sidebar-item-grouped-border

fi-sidebar-item-grouped-border

Jump to solution

Hide a line in navigation group

Similar Threads

Hide a line in navigation group

Similar Threads

Similar Threads

Similar Threads