diff --git a/apps/client/src/app/app.component.scss b/apps/client/src/app/app.component.scss index 9f6e88f4b..92968e016 100644 --- a/apps/client/src/app/app.component.scss +++ b/apps/client/src/app/app.component.scss @@ -9,7 +9,7 @@ padding-top: 5rem; .create-account-container { - height: 2.5rem; + height: 3.5rem; margin-top: -0.5rem; .create-account-box { diff --git a/apps/client/src/app/pages/home/home-page.component.ts b/apps/client/src/app/pages/home/home-page.component.ts index 8bc88f929..6d26e3d9c 100644 --- a/apps/client/src/app/pages/home/home-page.component.ts +++ b/apps/client/src/app/pages/home/home-page.component.ts @@ -67,7 +67,6 @@ export class HomePageComponent implements AfterViewInit, OnDestroy, OnInit { public performance: PortfolioPerformance; public positions: { [symbol: string]: PortfolioPosition }; public routeQueryParams: Subscription; - public showPositionsButton: boolean; public user: User; private unsubscribeSubject = new Subject(); @@ -163,6 +162,10 @@ export class HomePageComponent implements AfterViewInit, OnDestroy, OnInit { this.update(); } + public onTabChanged() { + this.update(); + } + public ngOnDestroy() { this.unsubscribeSubject.next(); this.unsubscribeSubject.complete(); @@ -234,7 +237,6 @@ export class HomePageComponent implements AfterViewInit, OnDestroy, OnInit { this.positions = response; this.hasPositions = this.positions && Object.keys(this.positions).length > 1; - this.showPositionsButton = this.hasPositions; this.changeDetectorRef.markForCheck(); }); diff --git a/apps/client/src/app/pages/home/home-page.html b/apps/client/src/app/pages/home/home-page.html index 788e149db..21a6bb637 100644 --- a/apps/client/src/app/pages/home/home-page.html +++ b/apps/client/src/app/pages/home/home-page.html @@ -3,6 +3,7 @@ class="position-absolute" headerPosition="below" mat-align-tabs="center" + (selectedTabChange)="onTabChanged()" > @@ -79,7 +80,7 @@

diff --git a/apps/client/src/app/pages/home/home-page.scss b/apps/client/src/app/pages/home/home-page.scss index 56d11f268..8ede226c2 100644 --- a/apps/client/src/app/pages/home/home-page.scss +++ b/apps/client/src/app/pages/home/home-page.scss @@ -7,7 +7,7 @@ position: relative; &.with-create-account-container { - min-height: calc(100vh - 5rem - 2.5rem); + min-height: calc(100vh - 5rem - 3.5rem); } .mat-tab-group { diff --git a/apps/client/src/app/pages/zen/zen-page.component.ts b/apps/client/src/app/pages/zen/zen-page.component.ts index e53d6ea86..907beae75 100644 --- a/apps/client/src/app/pages/zen/zen-page.component.ts +++ b/apps/client/src/app/pages/zen/zen-page.component.ts @@ -41,7 +41,6 @@ export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit { public isLoadingPerformance = true; public performance: PortfolioPerformance; public positions: { [symbol: string]: PortfolioPosition }; - public showPositionsButton: boolean; public user: User; private unsubscribeSubject = new Subject(); @@ -93,6 +92,10 @@ export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit { .subscribe((fragment) => this.viewportScroller.scrollToAnchor(fragment)); } + public onTabChanged() { + this.update(); + } + public ngOnDestroy() { this.unsubscribeSubject.next(); this.unsubscribeSubject.complete(); @@ -132,7 +135,6 @@ export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit { this.positions = response; this.hasPositions = this.positions && Object.keys(this.positions).length > 1; - this.showPositionsButton = this.hasPositions; this.changeDetectorRef.markForCheck(); }); diff --git a/apps/client/src/app/pages/zen/zen-page.html b/apps/client/src/app/pages/zen/zen-page.html index ab3309cfc..396048efc 100644 --- a/apps/client/src/app/pages/zen/zen-page.html +++ b/apps/client/src/app/pages/zen/zen-page.html @@ -3,6 +3,7 @@ class="position-absolute" headerPosition="below" mat-align-tabs="center" + (selectedTabChange)="onTabChanged()" > @@ -58,11 +59,14 @@ -
-

Positions

+
+

+ Positions +