diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
| commit | 9906b285148f54b4060c71012854a814409cc9d7 (patch) | |
| tree | 6bc62baa8fd2d10ef99144d950a30c2a48e851b3 /src/app/components/comment | |
| parent | 75594e7eac044e9398fd1b74246f22cabe6ddeba (diff) | |
| download | DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar.gz DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.zip | |
Improved readability and consistency of font-size, text, border, colors and padding CSS class names
Diffstat (limited to 'src/app/components/comment')
| -rw-r--r-- | src/app/components/comment/comment.component.html | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/app/components/comment/comment.component.html b/src/app/components/comment/comment.component.html index 27a11e6..0ec443b 100644 --- a/src/app/components/comment/comment.component.html +++ b/src/app/components/comment/comment.component.html @@ -9,36 +9,36 @@ <span> {{ user.firstName }} {{ user.lastName }} </span> - <span class="fg-color-faded"> + <span class="fg-faded"> @{{ user.userName }} </span> </summary> <form [formGroup]="editCommentFormGroup" *ngIf="editingComment" (ngSubmit)="editComment()"> - <textarea class="textarea-new-msg full-width faded-slim-border border-bottom-only padding-small margin-bot-bigger" rows="1" formControlName="newCommentMessage" placeholder="What's on your mind?"></textarea> - <button type="submit" class="faded-slim-border full-width padding-small lighter-hover click-effect border-radius-smaller margin-bot-bigger"> + <textarea class="textarea-new-msg width-full border-faded-slim border-bottom-only padding-dot2 margin-bot-bigger" rows="1" formControlName="newCommentMessage" placeholder="What's on your mind?"></textarea> + <button type="submit" class="border-faded-slim width-full padding-dot2 lighter-hover click-effect border-radius-dot3 margin-bot-bigger"> Update Comment </button> </form> <article class="message margin-top-bot-small" *ngIf="!editingComment"> {{ comment.message }} </article> - <section class="comment-details flex-row flex-justify-end font-size-dot7 faded-slim-border border-bottom-only"> + <section class="comment-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> </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 #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)="deleteComment()"> + <button class="padding-dot2 lighter-hover click-effect border-radius-dot3" *ngIf="loggedInAuthor" (click)="deleteComment()"> <img src="/assets/icons/tabler-icon-trash.svg"> </button> </section> |