From 17f0469fe83e65901a95ea19a15420f1a93a9674 Mon Sep 17 00:00:00 2001 From: Patrizio Bekerle <patrizio@bekerle.com> Date: Fri, 15 May 2020 08:55:01 +0200 Subject: [PATCH] Make X to close views red (#5) --- src/vpu-qualified-signature-pdf-upload.js | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/src/vpu-qualified-signature-pdf-upload.js b/src/vpu-qualified-signature-pdf-upload.js index e8d03cb..0a6c303 100644 --- a/src/vpu-qualified-signature-pdf-upload.js +++ b/src/vpu-qualified-signature-pdf-upload.js @@ -478,6 +478,15 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle color: #e4154b; } + /* using vpu-icon doesn't work */ + button > [name=close], a > [name=close] { + font-size: 0.7em; + } + + a > [name=close] { + color: red; + } + .empty-queue { margin: 10px 0; } @@ -508,7 +517,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle ?disabled="${this.signingProcessEnabled}" title="${i18n.t('qualified-pdf-upload.remove-queued-file-button-title')}" @click="${() => { this.takeFileFromQueue(id); }}"> - <vpu-icon name="close" style="font-size: 0.7em"></vpu-icon></button> + <vpu-icon name="close"></vpu-icon></button> <vpu-textswitch name1="auto" name2="manual" value1="${i18n.t('qualified-pdf-upload.positioning-automatic')}" @@ -544,7 +553,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle <a class="is-remove" title="${i18n.t('qualified-pdf-upload.remove-failed-file-button-title')}" @click="${() => {this.takeFailedFileFromQueue(id);}}"> - <vpu-icon name="close" style="font-size: 0.7em"></vpu-icon></a> + <vpu-icon name="close"></vpu-icon></a> </div> </div> `); @@ -630,7 +639,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle <a class="is-remove" title="${i18n.t('qualified-pdf-upload.close-preview')}" @click="${() => { this.signaturePlacementInProgress = false; }}"> ${this.currentFile.name} (${humanFileSize(this.currentFile !== undefined ? this.currentFile.size : 0)}) - <vpu-icon name="close" style="font-size: 0.7em"></vpu-icon> + <vpu-icon name="close"></vpu-icon> </a> </div> <vpu-pdf-preview lang="${this.lang}" @vpu-pdf-preview-accept="${this.storePDFData}"></vpu-pdf-preview> @@ -646,7 +655,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle <a class="is-remove" title="${i18n.t('qualified-pdf-upload.remove-current-file-button-title')}" @click="${() => { this.externalAuthInProgress = false; }}"> ${this.currentFileName} (${humanFileSize(this.currentFile.file !== undefined ? this.currentFile.file.size : 0)}) - <vpu-icon name="close" style="font-size: 0.7em"></vpu-icon> + <vpu-icon name="close"></vpu-icon> </a> </div> <iframe name="external_iframe" id="iframe"></iframe> -- GitLab