From 44a2437f74c5b5ddb8bf324a23540ecb533ef84f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kamil=20My=C5=9Bliwiec?= <mail@kamilmysliwiec.com>
Date: Fri, 20 Apr 2018 15:04:17 +0200
Subject: [PATCH] bugfix: update mobile css styles, fix menu

---
 src/app/homepage/homepage.component.ts             |  3 ++-
 src/app/homepage/menu/menu.component.scss          | 13 ++++++++++++-
 src/app/shared/components/tabs/tabs.component.scss |  4 ++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/homepage/homepage.component.ts b/src/app/homepage/homepage.component.ts
index ed9b2ac148..8d11d3e7c0 100644
--- 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
index 89800bbe49..9feb4e85ec 100644
--- 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
index c168b0396b..122a93d627 100644
--- 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 {