From d4e73638d6f647fd2c102622dbae82672fabb189 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Tue, 7 Apr 2020 11:25:53 +0200
Subject: [PATCH] Add download link styling (#2)
---
src/vpu-signature-pdf-upload.js | 19 +++++++++----------
vendor/common | 2 +-
2 files changed, 10 insertions(+), 11 deletions(-)
diff --git a/src/vpu-signature-pdf-upload.js b/src/vpu-signature-pdf-upload.js
index 13ad701..12772ea 100644
--- a/src/vpu-signature-pdf-upload.js
+++ b/src/vpu-signature-pdf-upload.js
@@ -204,9 +204,12 @@ class SignaturePdfUpload extends VPUSignatureLitElement {
}
.files-block .file {
+ margin: 10px 0;
+ }
+
+ .error-files .file {
display: grid;
grid-template-columns: 40px auto;
- margin: 10px 0;
}
.files-block .file .button-box {
@@ -238,14 +241,10 @@ class SignaturePdfUpload extends VPUSignatureLitElement {
getSignedFilesHtml() {
return this.signedFiles.map(file => html`
<div class="file">
- <div class="button-box">
- <button class="button is-small is-download"
- title="${i18n.t('pdf-upload.download-file-button-title')}"
- @click="${() => {this.fileDownloadClickHandler(file);}}"><vpu-icon name="download"></vpu-icon></button>
- </div>
- <div class="info">
- ${file.name} (${humanFileSize(file.contentSize)})
- </div>
+ <a class="is-download"
+ title="${i18n.t('pdf-upload.download-file-button-title')}"
+ @click="${() => {this.fileDownloadClickHandler(file);}}">
+ ${file.name} (${humanFileSize(file.contentSize)}) <vpu-icon name="download"></vpu-icon></a>
</div>
`);
}
@@ -292,7 +291,7 @@ class SignaturePdfUpload extends VPUSignatureLitElement {
<vpu-button id="zip-download-button" value="${i18n.t('pdf-upload.download-zip-button')}" title="${i18n.t('pdf-upload.download-zip-button-tooltip')}" @click="${this.zipDownloadClickHandler}" type="is-primary"></vpu-button>
</div>
</div>
- <div class="files-block field ${classMap({hidden: this.errorFilesCount === 0})}">
+ <div class="files-block error-files field ${classMap({hidden: this.errorFilesCount === 0})}">
<h2 class="error">${i18n.t('pdf-upload.error-files-label')}</h2>
<div class="control">
${this.getErrorFilesHtml()}
diff --git a/vendor/common b/vendor/common
index e084a42..aaf1d87 160000
--- a/vendor/common
+++ b/vendor/common
@@ -1 +1 @@
-Subproject commit e084a42d6732c421996abc046d159d76effa55f7
+Subproject commit aaf1d872c3a03b4a4d5d7a55060ac16a3da9a0b7
--
GitLab