Adminlte: Indent child menu items (v3)

Created on 13 Jun 2019  路  3Comments  路  Source: ColorlibHQ/AdminLTE

Issue type:

  • [x] Feature request
  • [ ] Bug report
  • [ ] Documentation

Environment:

  • AdminLTE Version: 3
  • Operating System: Windows 10
  • Browser (Version): Chrome 75

Description:

For the side bar, when a main menu item is expanded, how can any child menu items be indented to the right? e.g. when I click on Charts, I would like ChartJS, Flot and Inline child items to be indented to the right slightly.

image

For users this make it more obvious the items and in a child/sub menu of the main menu item.

css enhancement 3.x

Most helpful comment

I've added it, you can add now .nav-child-indent to ul.nav-sidebar.

All 3 comments

You can use this:
<style type="text/css"> .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.fas { margin-left: 15px; } </style>
For glyphicon and FontAwesome5 .fas, but you can increment more options.

Good idea I'll add this to beta.1 later.

I've added it, you can add now .nav-child-indent to ul.nav-sidebar.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

GuxMartin picture GuxMartin  路  3Comments

LeoYong95 picture LeoYong95  路  4Comments

REJack picture REJack  路  3Comments

vibs2006 picture vibs2006  路  4Comments

akbajwaakgec picture akbajwaakgec  路  3Comments