diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:25:26 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:25:26 +0200 |
| commit | 05498013ab02d44ea1e6906c2f64ae63eeaea93a (patch) | |
| tree | fece26391e418ab33c430bece33a767a0203c6b1 /src/app/components/post-attachment | |
| parent | 02bcae5062da7ec69b618e6ea1a46c795b687518 (diff) | |
| download | DevHive-Angular-05498013ab02d44ea1e6906c2f64ae63eeaea93a.tar DevHive-Angular-05498013ab02d44ea1e6906c2f64ae63eeaea93a.tar.gz DevHive-Angular-05498013ab02d44ea1e6906c2f64ae63eeaea93a.zip | |
Improved styling of download button in post attachment
Diffstat (limited to 'src/app/components/post-attachment')
| -rw-r--r-- | src/app/components/post-attachment/post-attachment.component.css | 1 | ||||
| -rw-r--r-- | src/app/components/post-attachment/post-attachment.component.html | 2 |
2 files changed, 2 insertions, 1 deletions
diff --git a/src/app/components/post-attachment/post-attachment.component.css b/src/app/components/post-attachment/post-attachment.component.css index dd41340..3c25563 100644 --- a/src/app/components/post-attachment/post-attachment.component.css +++ b/src/app/components/post-attachment/post-attachment.component.css @@ -21,6 +21,7 @@ .attachment-download { max-width: 420px !important; + background-color: var(--card-bg); text-decoration: none; color: inherit; } diff --git a/src/app/components/post-attachment/post-attachment.component.html b/src/app/components/post-attachment/post-attachment.component.html index 8605ca0..12004dc 100644 --- a/src/app/components/post-attachment/post-attachment.component.html +++ b/src/app/components/post-attachment/post-attachment.component.html @@ -10,7 +10,7 @@ <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 faded-slim-border padding-normal lighter-hover click-effect border-radius-smaller" *ngIf="!isImage" href="{{paramURL}}"> + <a class="attachment-download faded-slim-border padding-normal hover-half-opacity click-effect border-radius-smaller" *ngIf="!isImage" href="{{paramURL}}"> Download attachment </a> </div> |