diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:10:58 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:10:58 +0200 |
| commit | 9794489573eaa3cd8bdc853c9d67db5145e22fe4 (patch) | |
| tree | c3451e3a5109fdb375607a13fdfad4a792c32b80 /src/app/components/post-attachment/post-attachment.component.html | |
| parent | 6ef0be3bb1f9e28dffb653011e0f3555a22b7051 (diff) | |
| download | DevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.tar DevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.tar.gz DevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.zip | |
Major rework of post attachment styling
Diffstat (limited to 'src/app/components/post-attachment/post-attachment.component.html')
| -rw-r--r-- | src/app/components/post-attachment/post-attachment.component.html | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/app/components/post-attachment/post-attachment.component.html b/src/app/components/post-attachment/post-attachment.component.html index 401068c..8605ca0 100644 --- a/src/app/components/post-attachment/post-attachment.component.html +++ b/src/app/components/post-attachment/post-attachment.component.html @@ -1,16 +1,16 @@ -<figure class="attachment" (click)="toggleShowFull()"> - <summary class="attachment-name"> +<figure class="attachment faded-slim-border flexible flex-row flex-no-wrap padding-small hover-half-opacity margin-top-bot-small" (click)="toggleShowFull()"> + <div class="flex-col flex-justify-center margin-right-small" [ngSwitch]="fileType"> + <img *ngSwitchCase="'img'" src="/assets/icons/tabler-icon-photo.svg"> + <img *ngSwitchDefault src="/assets/icons/tabler-icon-file.svg"> + </div> + <summary class="flex-col flex-justify-center"> {{ fileName }} </summary> - <summary class="attachment-type"> - {{ fileType }} - </summary> </figure> -<div class="show-full-attachment" *ngIf="showFull" (click)="toggleShowFull()"> +<div class="show-full-attachment flex-row flex-justify-center flex-center-align-items" *ngIf="showFull" (click)="toggleShowFull()"> <img class="attachment-img" *ngIf="isImage" src="{{paramURL}}"> - <a class="attachment-download submit-btn" *ngIf="!isImage" href="{{paramURL}}">Download attachment</a> - <div class="close"> - ☒ - </div> + <a class="attachment-download faded-slim-border padding-normal lighter-hover click-effect border-radius-smaller" *ngIf="!isImage" href="{{paramURL}}"> + Download attachment + </a> </div> |