Links de Navegação Personalizados no Topo

Componente de tema
,
74

Thanks for the additional detail! It was indeed some fragile CSS. We have class names here where there formerly were none, so we can be more specific now.

I’ve refactored the component a bit here:

So all it will need is an update.

I’ve updated this so hide default links will hide all the default links, not just latest & categories. I think this will make the hide behavior a little easier to understand.

Nav items added by this component will now get a nav-item_custom_item-name class, where item-name is the display name of the nav item (spaces replaced with hyphens). So a nav item named “my bookmarks” can be targeted with CSS like this:

#navigation-bar {
   li.nav-item_custom_my-bookmarks {
     background: skyblue; 
   }
}

Default items have a class name like nav-item_name, so if you want to hide the default categories link you can do:

#navigation-bar {
   li.nav-item_categories {
     display: none;
   }
}

This should get the active class now.

3 curtidas