machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[ui] don't add 120px to blockchain component on liquid

Browse Source
This commit is contained in:
nymkappa 2023-09-15 17:11:52 +02:00
parent 83c285e17d
commit 6b8db33a9c
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/components/start/start.component.html
View File

@ -14,6 +14,7 @@
<div id="blockchain-container" [dir]="timeLtr ? 'rtl' : 'ltr'" #blockchainContainer <div id="blockchain-container" [dir]="timeLtr ? 'rtl' : 'ltr'" #blockchainContainer
[class.menu-open]="menuOpen" [class.menu-open]="menuOpen"
[class.menu-closing]="menuSliding && !menuOpen" [class.menu-closing]="menuSliding && !menuOpen"
[class.with-menu]="hasMenu"
(mousedown)="onMouseDown($event)" (mousedown)="onMouseDown($event)"
(pointerdown)="onPointerDown($event)" (pointerdown)="onPointerDown($event)"
(touchmove)="onTouchMove($event)" (touchmove)="onTouchMove($event)"

6
frontend/src/app/components/start/start.component.scss
View File

@ -6,7 +6,7 @@
overflow-y: hidden; overflow-y: hidden;
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
width: calc(100% + 120px); width: 100%;
transform: translateX(0px); transform: translateX(0px);
transition: transform 0; transition: transform 0;
@ -20,6 +20,10 @@
transform: translateX(0px); transform: translateX(0px);
transition: transform 0.25s; transition: transform 0.25s;
} }
&.with-menu {
width: calc(100% + 120px);
}
} }
#blockchain-container::-webkit-scrollbar { #blockchain-container::-webkit-scrollbar {

5
frontend/src/app/components/start/start.component.ts
View File

@ -57,10 +57,15 @@ export class StartComponent implements OnInit, OnDestroy, DoCheck {
menuSliding: boolean = false; menuSliding: boolean = false;
menuTimeout: number; menuTimeout: number;
hasMenu = false;
constructor( constructor(
private stateService: StateService, private stateService: StateService,
) { ) {
this.isiOS = ['iPhone','iPod','iPad'].includes((navigator as any)?.userAgentData?.platform || navigator.platform); this.isiOS = ['iPhone','iPod','iPad'].includes((navigator as any)?.userAgentData?.platform || navigator.platform);
if (this.stateService.network === '') {
this.hasMenu = true;
}
} }
ngDoCheck(): void { ngDoCheck(): void {