diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
| commit | 301e3932b64172b3f9cf055287fdfdb4a89620af (patch) | |
| tree | ff504329477476665be6d44a43c3171ba71d38ee /src/app/components/post-attachment | |
| parent | 2b5b2f2449317b8aebd2d8962a930bf454d100fb (diff) | |
| download | DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar.gz DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.zip | |
Improved semantics and simplified some HTML of comments and posts
Diffstat (limited to 'src/app/components/post-attachment')
| -rw-r--r-- | src/app/components/post-attachment/post-attachment.component.css | 11 | ||||
| -rw-r--r-- | src/app/components/post-attachment/post-attachment.component.html | 18 |
2 files changed, 12 insertions, 17 deletions
diff --git a/src/app/components/post-attachment/post-attachment.component.css b/src/app/components/post-attachment/post-attachment.component.css index 572cc99..58e8a82 100644 --- a/src/app/components/post-attachment/post-attachment.component.css +++ b/src/app/components/post-attachment/post-attachment.component.css @@ -1,6 +1,9 @@ /* Attachment */ .attachment { + width: 100%; + height: 100%; + display: flex; border: 2px solid black; border-top: 0; border-radius: 0 0 .6em .6em; @@ -9,13 +12,7 @@ margin-top: calc(-0.8em - 2px); } -.clickable { - width: 100%; - height: 100%; - display: flex; -} - -.clickable:hover { +.attachment:hover { cursor: pointer; } diff --git a/src/app/components/post-attachment/post-attachment.component.html b/src/app/components/post-attachment/post-attachment.component.html index 4d381d1..401068c 100644 --- a/src/app/components/post-attachment/post-attachment.component.html +++ b/src/app/components/post-attachment/post-attachment.component.html @@ -1,13 +1,11 @@ -<div class="attachment"> - <div class="clickable" (click)="toggleShowFull()"> - <div class="attachment-name"> - {{ fileName }} - </div> - <div class="attachment-type"> - {{ fileType }} - </div> - </div> -</div> +<figure class="attachment" (click)="toggleShowFull()"> + <summary class="attachment-name"> + {{ fileName }} + </summary> + <summary class="attachment-type"> + {{ fileType }} + </summary> +</figure> <div class="show-full-attachment" *ngIf="showFull" (click)="toggleShowFull()"> <img class="attachment-img" *ngIf="isImage" src="{{paramURL}}"> |