Update

Author: accgit

demo/dark.html

@@ -31,7 +31,7 @@
 </header>
 
 <div class="d-flex wrapper wrapper-navbar-used wrapper-navbar-fixed">
-	<nav role="navigation" class="sidebar sidebar-bg-dark sidebar-rounded-top-right shadow-box" id="navigation">
+	<nav role="navigation" class="sidebar sidebar-bg-dark sidebar-rounded-top-right shadow" id="navigation">
 
 		<!-- sidebar -->
 		<div class="sidebar-menu">
@@ -40,7 +40,7 @@
 			<div class="sidebar-menu-fixed">
 
 				<!-- menu scrollbar -->
-				<div class="scrollbar scrollbar-bg-dark">
+				<div class="scrollbar scrollbar-use-navbar scrollbar-bg-dark">
 
 					<!-- menu -->
 					<ul class="list list-unstyled list-bg-dark mb-0">
@@ -169,6 +169,28 @@
 							</ul>
 						</li>
 					</ul>
+
+					<!-- menu -->
+					<ul class="list list-unstyled list-bg-dark mb-0">
+
+						<li class="list-item">
+
+							<!-- list title -->
+							<p class="list-title text-uppercase">User logged</p>
+
+							<!-- list items, first level -->
+							<ul class="list-unstyled">
+								<li><a href="#" class="list-link link-arrow text-uppercase"><span class="list-icon"><i class="far fa-user"></i></span>S. Karlos</a>
+
+									<!-- list items, second level -->
+									<ul class="list-unstyled list-hidden">
+										<li><a href="#" class="list-link">Your profil</a></li>
+										<li><a href="#" class="list-link">Logout</a></li>
+									</ul>
+								</li>
+							</ul>
+						</li>
+					</ul>
 				</div>
 			</div>
 		</div>
@@ -191,7 +213,9 @@
 <script>
 	$(function() {
 		new Nanobar().go(100);
-		new PerfectScrollbar('.scrollbar');
+		new PerfectScrollbar('.scrollbar', {
+			wheelSpeed: 0.3
+		});
 	});
 </script>
 

demo/white.html

@@ -31,7 +31,7 @@
 </header>
 
 <div class="d-flex wrapper wrapper-navbar-used wrapper-navbar-fixed">
-	<nav role="navigation" class="sidebar sidebar-bg-white sidebar-rounded-top-right shadow-box" id="navigation">
+	<nav role="navigation" class="sidebar sidebar-bg-white sidebar-rounded-top-right shadow" id="navigation">
 
 		<!-- sidebar -->
 		<div class="sidebar-menu">
@@ -40,7 +40,7 @@
 			<div class="sidebar-menu-fixed">
 
 				<!-- menu scrollbar -->
-				<div class="scrollbar scrollbar-bg-white">
+				<div class="scrollbar scrollbar-use-navbar scrollbar-bg-white">
 
 					<!-- menu -->
 					<ul class="list list-unstyled list-bg-white mb-0">
@@ -191,7 +191,9 @@
 <script>
 	$(function() {
 		new Nanobar().go(100);
-		new PerfectScrollbar('.scrollbar');
+		new PerfectScrollbar('.scrollbar', {
+			wheelSpeed: 0.3
+		});
 	});
 </script>