icon support for navigation block

Hi @hozefasmile,

Thank you for your suggesion. It’s a great idea. I will look into it soon.

Phi.

Hi @hozefasmile, I have added icons to the following blocks: core/navigation, core/navigation-link, core/navigation-submenu and core/list-item. Thank you again for the suggestion.

Phi.

@mr2p ,

Thanks a lot for this very useful feature. But I notice one issue. Let assum I apply an icon in navigation block, it get applied to all the link item coming into it. Then I applied custom icon to one of the link, it override navigation block setting and showing different icon, that is also good. Then applied different icon for submenu item and it applying different icon for is dropdown menu item, that is also correct.

1. But now if I want to apply different icon for that submenu item iteself, then?

2. If I want to override any submenu item from the value provided for submenu item, its not working

3. If I add a button to the anvigation block, its show a default square shape icon in it.

See the demo site created for checking this feature – https://clevereggnog.s2-tastewp.com/

screenshot to see button issue => https://www.awesomescreenshot.com/image/48851547?key=5e5f1c11885611c595e2cf594913f6c2

see hello world dropdown to see dropdown override issue in above link (I have changed icon for one of the custom link coming inside that dropdown.

@hozefasmile,

I’ve noticed all the issues, you mentioned in your test while I was developing this feature. However I decided to ship it as is this in this first version. This feature is not a all-in-one solution for icons in navigation, it only covers the most comon use cases. For some specific scenarios, you will have to use custom CSS to change the icons. That being said, you won’t be able to change the icon of the submenu item itself with this feature, you have to write your own custom CSS. I will allow overriding of custom icons in submenu’s items in the next version. If there is no conflict with the icon-in-buttons, I also will fix the button in the navigation as well.

Best, Phi.

Hello @hozefasmile,

I’ve just released a version that fixes the button issue and allows overriding icons for submenu’s items. To override the icon of the submenu item itself, you will need to use a custom CSS.

Best, Phi.

Hi @mr2p ,

Thanks a lot for the new update. Issues are tested and are resolved!