diff options
Diffstat (limited to 'src/app/components/post/post.component.html')
| -rw-r--r-- | src/app/components/post/post.component.html | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html index 65bc73a..1008e64 100644 --- a/src/app/components/post/post.component.html +++ b/src/app/components/post/post.component.html @@ -9,7 +9,7 @@ <span> {{ user.firstName }} {{ user.lastName }} </span> - <span class="fg-color-faded"> + <span class="fg-faded"> @{{ user.userName }} </span> </summary> @@ -22,66 +22,66 @@ </figure> </section> <form [formGroup]="editPostFormGroup" *ngIf="editingPost"> - <textarea class="textarea-new-msg full-width faded-slim-border border-bottom-only padding-small" rows="1" formControlName="newPostMessage" placeholder="What's on your mind?"></textarea> - <section class="flex-row flex-justify-start flex-center-align-children top-bot-padding-bigger"> + <textarea class="textarea-new-msg width-full border-faded-slim border-bottom-only padding-dot2" rows="1" formControlName="newPostMessage" placeholder="What's on your mind?"></textarea> + <section class="flex-row flex-justify-start align-children-center top-bot-padding-dot6ger"> <div class="file-button hover-half-opacity click-effect"> <img src="/assets/icons/tabler-icon-paperclip.svg"> <input type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple> </div> </section> </form> - <section class="flex-row bot-padding-bigger" *ngIf="editingPost"> - <div *ngFor="let file of files" class="form-attachment faded-slim-border flexible flex-row flex-no-wrap flex-center-align-items padding-small margin-top-bot-small"> + <section class="flex-row bot-padding-dot6ger" *ngIf="editingPost"> + <div *ngFor="let file of files" class="form-attachment border-faded-slim flexible flex-row flex-no-wrap flex-center-align-items padding-dot2 margin-top-bot-small"> <div class="flexible"> {{ file.name ? file.name : 'Attachment' }} </div> - <div class="flex-col hover-half-opacity border-radius-small click-effect" (click)="removeAttachment(file.name)"> + <div class="flex-col hover-half-opacity border-radius-dot2 click-effect" (click)="removeAttachment(file.name)"> <img src="/assets/icons/tabler-icon-x.svg"> </div> </div> </section> - <button class="faded-slim-border full-width padding-small lighter-hover click-effect border-radius-smaller margin-bot-bigger" *ngIf="editingPost" (click)="editPost()"> + <button class="border-faded-slim width-full padding-dot2 lighter-hover click-effect border-radius-dot3 margin-bot-bigger" *ngIf="editingPost" (click)="editPost()"> Update Post </button> - <section class="post-details flex-row flex-justify-end font-size-dot7 faded-slim-border border-bottom-only"> + <section class="post-details flex-row flex-justify-end font-size-dot7 border-faded-slim border-bottom-only"> <time class="flex-row flex-center-align-items"> - <img class="img-height-font-size" src="/assets/icons/tabler-icon-calendar-time.svg"> + <img class="height-font" src="/assets/icons/tabler-icon-calendar-time.svg"> <span> {{ timeCreated }} </span> </time> <summary class="flex-row flex-center-align-items"> - <img class="img-height-font-size" src="/assets/icons/tabler-icon-message-2.svg"> + <img class="height-font" src="/assets/icons/tabler-icon-message-2.svg"> <span> {{ post.comments.length }} </span> </summary> </section> - <section class="flex-row justify-children-center flex-center-align-children"> - <button class="padding-small lighter-hover click-effect border-radius-smaller" *ngIf="loggedInAuthor" (click)="toggleEditing()"> + <section class="flex-row justify-children-center align-children-center"> + <button class="padding-dot2 lighter-hover click-effect border-radius-dot3" *ngIf="loggedInAuthor" (click)="toggleEditing()"> <img src="/assets/icons/tabler-icon-edit.svg"> </button> - <button class="flexible padding-small lighter-hover click-effect border-radius-smaller" (click)="goToPostPage()"> + <button class="flexible padding-dot2 lighter-hover click-effect border-radius-dot3" (click)="goToPostPage()"> <img src="/assets/icons/tabler-icon-message-2.svg"> Comment </button> - <button #share ngxClipboard [cbContent]="getPostLink()" class="flexible padding-small lighter-hover click-effect border-radius-smaller" (click)="showCopiedMessage()"> + <button #share ngxClipboard [cbContent]="getPostLink()" class="flexible padding-dot2 lighter-hover click-effect border-radius-dot3" (click)="showCopiedMessage()"> <img src="/assets/icons/tabler-icon-link.svg"> Share </button> - <button class="padding-small lighter-hover click-effect border-radius-smaller" *ngIf="loggedInAuthor" (click)="deletePost()"> + <button class="padding-dot2 lighter-hover click-effect border-radius-dot3" *ngIf="loggedInAuthor" (click)="deletePost()"> <img src="/assets/icons/tabler-icon-trash.svg"> </button> </section> </main> <aside class="rating flex-col flex-center-align-items"> - <button #upvote class="flex-col lighter-hover border-radius-small click-effect" (click)="votePost(true)"> + <button #upvote class="flex-col lighter-hover border-radius-dot2 click-effect" (click)="votePost(true)"> <img src="/assets/icons/tabler-icon-chevron-up.svg"> </button> - <summary class="top-bot-padding-small"> + <summary class="top-bot-padding-dot2"> {{ votesNumber }} </summary> - <button #downvote class="flex-col lighter-hover border-radius-small click-effect" (click)="votePost(false)"> + <button #downvote class="flex-col lighter-hover border-radius-dot2 click-effect" (click)="votePost(false)"> <img src="/assets/icons/tabler-icon-chevron-down.svg"> </button> </aside> |