aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/post/post.component.html
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-21 17:56:27 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-21 17:56:27 +0200
commitbed88a28aa555e5ed3e8c08422935eb11b882fcf (patch)
treea8069859ad95e2ac0809c57f9014ea05a5d72b35 /src/app/components/post/post.component.html
parent0f945d891a565ec1ed4aac8e4feb0b0b41746567 (diff)
downloadDevHive-Angular-bed88a28aa555e5ed3e8c08422935eb11b882fcf.tar
DevHive-Angular-bed88a28aa555e5ed3e8c08422935eb11b882fcf.tar.gz
DevHive-Angular-bed88a28aa555e5ed3e8c08422935eb11b882fcf.zip
Fixed rating highlighting not being properly executed upon loaded post component HTML
Diffstat (limited to 'src/app/components/post/post.component.html')
-rw-r--r--src/app/components/post/post.component.html8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html
index db0a7c4..48f1d01 100644
--- a/src/app/components/post/post.component.html
+++ b/src/app/components/post/post.component.html
@@ -1,8 +1,8 @@
<app-loading *ngIf="!loaded"></app-loading>
-<section class="card flex-row" *ngIf="loaded">
+<section class="card flex-row" [hidden]="loaded">
<aside class="left-pane">
- <img class="author-picture round-image hover-half-opacity" [src]="user.profilePictureURL" (click)="goToAuthorProfile()">
+ <img class="author-picture round-image hover-half-opacity" [src]="user.profilePictureURL" (click)="goToAuthorProfile()">
</aside>
<main class="content flexible">
<summary class="font-size-dot8 text-vertical-middle hover-half-opacity" (click)="goToAuthorProfile()">
@@ -75,13 +75,13 @@
</section>
</main>
<aside class="rating flex-col flex-center-align-items">
- <button class="upvote flex-col lighter-hover border-radius-small click-effect" (click)="votePost(true)">
+ <button #upvote class="flex-col lighter-hover border-radius-small click-effect" (click)="votePost(true)">
<img src="/assets/icons/tabler-icon-chevron-up.svg">
</button>
<summary class="top-bot-padding-small">
{{ votesNumber }}
</summary>
- <button class="downvote flex-col lighter-hover border-radius-small click-effect" (click)="votePost(false)">
+ <button #downvote class="flex-col lighter-hover border-radius-small click-effect" (click)="votePost(false)">
<img src="/assets/icons/tabler-icon-chevron-down.svg">
</button>
</aside>