diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html index da0bbfcea..09ba65044 100644 --- a/frontend/src/app/components/master-page/master-page.component.html +++ b/frontend/src/app/components/master-page/master-page.component.html @@ -90,7 +90,7 @@
-
+
diff --git a/frontend/src/app/components/menu/menu.component.scss b/frontend/src/app/components/menu/menu.component.scss index 99377a564..a4094537b 100644 --- a/frontend/src/app/components/menu/menu.component.scss +++ b/frontend/src/app/components/menu/menu.component.scss @@ -1,12 +1,12 @@ .sidenav { - z-index: 1; + z-index: 10; background-color: transparent; width: 225px; height: calc(100vh - 65px); - position: sticky; + position: fixed; top: 65px; - transition: 0.25s; - margin-left: -250px; + left: -250px; + transition: left 0.25s; box-shadow: 5px 0px 30px 0px #000; padding-bottom: 20px; @media (max-width: 613px) { @@ -26,7 +26,6 @@ } .sidenav.open { - margin-left: 0px; left: 0px; display: block; background-color: #1d1f31; diff --git a/frontend/src/app/components/start/start.component.html b/frontend/src/app/components/start/start.component.html index b61187ab4..e53692837 100644 --- a/frontend/src/app/components/start/start.component.html +++ b/frontend/src/app/components/start/start.component.html @@ -13,8 +13,6 @@
{ - if (this.menuOpen !== open) { - this.menuOpen = open; - this.applyMenuScroll(this.menuOpen); - } - }); } ngAfterViewChecked(): void { @@ -223,15 +213,6 @@ export class StartComponent implements OnInit, AfterViewChecked, OnDestroy { } } - applyMenuScroll(opening: boolean): void { - this.menuSliding = true; - window.clearTimeout(this.menuTimeout); - this.menuTimeout = window.setTimeout(() => { - this.menuSliding = false; - this.cd.markForCheck(); - }, 300); - } - @HostListener('window:resize', ['$event']) onResize(): void { this.chainWidth = window.innerWidth; @@ -518,6 +499,5 @@ export class StartComponent implements OnInit, AfterViewChecked, OnDestroy { this.markBlockSubscription.unsubscribe(); this.blockCounterSubscription.unsubscribe(); this.resetScrollSubscription.unsubscribe(); - this.menuSubscription.unsubscribe(); } }