fix(default-layout): add css classes to c-sidebar and c-header to avoid late class binding effects, use perfect-scrollbar component - drop directive

Author: xidedix

src/app/containers/default-layout/default-layout.component.html

@@ -1,7 +1,7 @@
 <!--sidebar-->
 <c-sidebar
   #sidebar="cSidebar"
-  class="d-print-none"
+  class="d-print-none sidebar sidebar-fixed"
   id="sidebar"
   visible
 >
@@ -21,13 +21,13 @@
     [routerLink]
   >
   </c-sidebar-brand>
-  <!--  <perfect-scrollbar [config]="perfectScrollbarConfig">-->
+    <perfect-scrollbar [config]="perfectScrollbarConfig">
+  <!--  [perfectScrollbar]="perfectScrollbarConfig"-->
   <c-sidebar-nav
     [navItems]="navItems"
-    [perfectScrollbar]="perfectScrollbarConfig"
   >
   </c-sidebar-nav>
-  <!--  </perfect-scrollbar>-->
+    </perfect-scrollbar>
   <c-sidebar-toggler
     *ngIf="!sidebar.narrow"
     toggle="unfoldable"
@@ -38,7 +38,7 @@
 <!--main-->
 <div class="wrapper d-flex flex-column min-vh-100 bg-light dark:bg-transparent">
   <!--app-header-->
-  <app-default-header class="mb-4 d-print-none" position="sticky" sidebarId="sidebar"></app-default-header>
+  <app-default-header class="mb-4 d-print-none header header-sticky" position="sticky" sidebarId="sidebar"></app-default-header>
   <!--app-body-->
   <div class="body flex-grow-1 px-3">
     <c-container breakpoint="lg" class="h-auto">