bugfix: update mobile css styles, fix menu

mikelfried · Apr 20, 2018 · 44a2437 · 44a2437
1 parent b6a7d9d
commit 44a2437
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/app/homepage/homepage.component.ts b/src/app/homepage/homepage.component.ts
@@ -28,7 +28,8 @@ export class HomepageComponent implements OnInit, AfterViewInit {
   ngOnInit(): void {
     this.router.events.filter(e => e instanceof NavigationEnd).subscribe(() => {
       this.previousWidth = window.innerWidth;
-      this.checkWindowWidth(window.innerWidth);
+      this.isSidebarOpened = false;
+      this.cd.detectChanges();
     });
   }
 

diff --git a/src/app/homepage/menu/menu.component.scss b/src/app/homepage/menu/menu.component.scss
@@ -19,7 +19,18 @@
     @include transform(translateX(0));
   }
   @include media(large) { width: 300px; }
-  @include media(medium) { padding: 20px 25px 20px 25px; }
+  @include media(normal) { 
+    &.opened {
+      z-index: 1000000;
+      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+    }
+  }
+  @include media(medium) {
+    padding: 20px 25px 20px 25px; 
+  }
+  @include media(small) { 
+    width: 100%; 
+  }
 }
 
 .nav-item {

diff --git a/src/app/shared/components/tabs/tabs.component.scss b/src/app/shared/components/tabs/tabs.component.scss
@@ -6,7 +6,7 @@
   top: 0;
   bottom: 0;
 
-  @include media(medium) {
+  /*@include media(medium) {
     position: static;
     margin: 15px -20px -15px;
     
@@ -15,7 +15,7 @@
       display: inline-block;
       margin: 0 !important;
     }
-  }
+  }*/
 }
 
 .tab {