/* * Component: Sidebar * ------------------ */ .sidebar { padding-bottom: 10px; } //Sidebar user panel .user-panel { padding: 10px 10px 0 10px; .image { float: left; } img { width: 100%; max-width: 45px; height: auto; } .info { padding: 5px 5px 5px 10px; margin-left: 45px; } .status { position: relative; padding: 3px 7px; border: 0; > .fa, > .ion, > .glyphicon { margin-right: 3px; } } h6 { overflow: hidden; white-space: nowrap; margin: 0 0 3px 0; } .status, .dropdown-menu { font-size: $font-size-sm; } .dropdown-menu { position: absolute; z-index: 99999999; } } // Sidebar navigation menu .nav-sidebar { //First Level > .nav-item { margin-bottom: 0; > .nav-link { @include border-radius(0); > .nav-icon { width: 20px; } } .pull-right { margin-top: 3px; margin-right: 5px; } } .nav-header { padding: $nav-link-padding; font-size: .9em; } // All other levels .nav-link > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 3px; } .nav-item > .nav-link.active { font-weight: $display1-weight; } .menu-open { > .nav-treeview { display: block; } > .nav-link { .fa-angle-left { @include rotate(-90deg); } } } // Tree view menu .nav-treeview { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; .nav-treeview { padding-left: 20px; } > .nav-item { margin: 0; > .nav-link { padding: 5px 5px 5px 15px; display: block; font-size: 14px; > .nav-icon { width: 20px; } } } } }