Nested sidemenu nav - selected child item styling

[filipjnc]

I'm absolutely loving CoreUI and it really saves up time and provides a consistent look.

There's just one thing that visually confuses me as well as other people - the styling of the selected child items in a nested sidemenu nav. It is very hard to distinguish the tree structure in the following setup:

List and Frozen are children of Skills. When List is selected, the styling looks almost identical to that of the top-level items.

My workaround in the meantime is to replace the variable $sidebar-nav-link-active-bg to rgba(0, 0, 0, 0.2), then I achieve something a little more viable:

I am looking forward to a more intuitive look out of the box!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions

[32x0lf]

I'm absolutely loving CoreUI and it really saves up time and provides a consistent look.

There's just one thing that visually confuses me as well as other people - the styling of the selected child items in a nested sidemenu nav. It is very hard to distinguish the tree structure in the following setup:

List and Frozen are children of Skills. When List is selected, the styling looks almost identical to that of the top-level items.

My workaround in the meantime is to replace the variable $sidebar-nav-link-active-bg to rgba(0, 0, 0, 0.2), then I achieve something a little more viable:

I am looking forward to a more intuitive look out of the box!

You can set it to a custom css and set margin-left

[32x0lf]

I was able to acheive it like this with nested menu
html .sidebar-nav .nav-group-items .nav-link { margin-left:10px; }