diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-31 11:54:34 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-31 11:54:34 +0200 |
| commit | 0ba05c05afce1ef99a685ecc7f4ef8a24fa50dd3 (patch) | |
| tree | 4979aa76564861747a6af21d46c848228c2a3b95 /src/DevHive.Angular | |
| parent | e1b75e27fab2eaeff6c68daff0cbf9ca2b23f6c9 (diff) | |
| download | DevHive-0ba05c05afce1ef99a685ecc7f4ef8a24fa50dd3.tar DevHive-0ba05c05afce1ef99a685ecc7f4ef8a24fa50dd3.tar.gz DevHive-0ba05c05afce1ef99a685ecc7f4ef8a24fa50dd3.zip | |
Added a "Back to feed" button to post page
Diffstat (limited to 'src/DevHive.Angular')
3 files changed, 18 insertions, 0 deletions
diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css index fec3466..50adee5 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css @@ -5,3 +5,15 @@ #content > * { width: 100%; } + +#back-btns { + width: 100%; + display: flex; +} + +.submit-btn { + flex: 1; + max-width: 98%; + margin: 0 auto; + margin-bottom: .5em; +} diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html index 5a824a4..4f6f33d 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html @@ -1,3 +1,6 @@ <div id="content"> + <div id="back-btns"> + <button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button> + </div> <app-post [paramId]="postId.toString()"></app-post> <div> diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts index 026f97f..56e146d 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts @@ -17,4 +17,7 @@ export class PostPageComponent implements OnInit { this.postId = Guid.parse(this._router.url.substring(6)); } + backToFeed(): void { + this._router.navigate(['/']); + } } |