fixed a side bar bug

Author: Di Wang

src/app/dashboard/root/root.component.css

@@ -9,7 +9,7 @@
 
 .sidebar{
  width: 260px;
- position: relative;
+ position: fixed;
  height: 100%;
  background-color: #D80B0B;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
@@ -18,6 +18,7 @@
 .main-panel{
  width: 100%;
  flex: 1;
+ padding-left: 260px;
 }
 
 .sidebar-background{

src/app/dashboard/root/root.component.html

@@ -3,7 +3,7 @@
  <app-sidebar></app-sidebar>
  <div class="sidebar-background" style="background-image: url(../assets/img/sidebar-1.jpg)"></div>
  </div>
- <div class="main-panel">
+ <div class="main-panel" id="main-panel">
  <router-outlet></router-outlet>
  </div>
 </div>

src/styles.css

@@ -178,6 +178,14 @@ p {
  #sidebar, #nav-right, #nav-left-button{
  display: none;
  }
+ #main-panel{
+ padding-left: 0;
+ -webkit-transition: all 400ms;
+ -moz-transition: all 400ms;
+ -ms-transition: all 400ms;
+ -o-transition: all 400ms;
+ transition: all 400ms;
+ }
 }
 
 /* input text style */