From 6b8db33a9c0d61fed9b87f2ecddbc16566316959 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Fri, 15 Sep 2023 17:11:52 +0200
Subject: [PATCH] [ui] don't add 120px to blockchain component on liquid

---
 frontend/src/app/components/start/start.component.html | 1 +
 frontend/src/app/components/start/start.component.scss | 6 +++++-
 frontend/src/app/components/start/start.component.ts   | 5 +++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/start/start.component.html b/frontend/src/app/components/start/start.component.html
index 709a230d9..862baf80a 100644
--- a/frontend/src/app/components/start/start.component.html
+++ b/frontend/src/app/components/start/start.component.html
@@ -14,6 +14,7 @@
   <div id="blockchain-container" [dir]="timeLtr ? 'rtl' : 'ltr'" #blockchainContainer
     [class.menu-open]="menuOpen"
     [class.menu-closing]="menuSliding && !menuOpen"
+    [class.with-menu]="hasMenu"
     (mousedown)="onMouseDown($event)"
     (pointerdown)="onPointerDown($event)"
     (touchmove)="onTouchMove($event)"
diff --git a/frontend/src/app/components/start/start.component.scss b/frontend/src/app/components/start/start.component.scss
index dff9cb0e7..ec70506f2 100644
--- a/frontend/src/app/components/start/start.component.scss
+++ b/frontend/src/app/components/start/start.component.scss
@@ -6,7 +6,7 @@
   overflow-y: hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  width: calc(100% + 120px);
+  width: 100%;
 
   transform: translateX(0px);
   transition: transform 0;
@@ -20,6 +20,10 @@
     transform: translateX(0px);
     transition: transform 0.25s;
   }
+
+  &.with-menu {
+    width: calc(100% + 120px);
+  }
 }
 
 #blockchain-container::-webkit-scrollbar {
diff --git a/frontend/src/app/components/start/start.component.ts b/frontend/src/app/components/start/start.component.ts
index 18cd0ed30..256b2a8f6 100644
--- a/frontend/src/app/components/start/start.component.ts
+++ b/frontend/src/app/components/start/start.component.ts
@@ -57,10 +57,15 @@ export class StartComponent implements OnInit, OnDestroy, DoCheck {
   menuSliding: boolean = false;
   menuTimeout: number;
 
+  hasMenu = false;
+
   constructor(
     private stateService: StateService,
   ) {
     this.isiOS = ['iPhone','iPod','iPad'].includes((navigator as any)?.userAgentData?.platform || navigator.platform);
+    if (this.stateService.network === '') {
+      this.hasMenu = true;
+    }
   }
 
   ngDoCheck(): void {