From bd38878e2b090ad7285d4f17cd3b4fabc88ad73a Mon Sep 17 00:00:00 2001
From: Eugen Neuber <eugen.neuber@tugraz.at>
Date: Wed, 26 May 2021 10:12:07 +0200
Subject: [PATCH] Make mark downloaded color overrideable
(CSS var in getThemeCSS() required)
---
assets/dbp-signature.html.ejs | 1 +
src/dbp-official-signature-pdf-upload.js | 4 ++++
src/dbp-qualified-signature-pdf-upload.js | 4 ++++
src/dbp-signature-lit-element.js | 2 +-
4 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/assets/dbp-signature.html.ejs b/assets/dbp-signature.html.ejs
index 80732ab..17bc5e6 100644
--- a/assets/dbp-signature.html.ejs
+++ b/assets/dbp-signature.html.ejs
@@ -49,6 +49,7 @@
--dbp-override-warning-bg-color: #ffe183;
--dbp-override-warning-text-color: black;
--dbp-override-success-bg-color: #259207;
+ --dbp-override-downloaded-bg-color: #9fdf9f;
}
</style>
diff --git a/src/dbp-official-signature-pdf-upload.js b/src/dbp-official-signature-pdf-upload.js
index 93eca0f..e617626 100644
--- a/src/dbp-official-signature-pdf-upload.js
+++ b/src/dbp-official-signature-pdf-upload.js
@@ -600,6 +600,10 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
white-space: nowrap;
}
+ .downloaded {
+ background: var(--dbp-downloaded-bg-color);
+ }
+
#pdf-preview .button.is-cancel {
color: #e4154b;
}
diff --git a/src/dbp-qualified-signature-pdf-upload.js b/src/dbp-qualified-signature-pdf-upload.js
index 17a0281..721ad29 100644
--- a/src/dbp-qualified-signature-pdf-upload.js
+++ b/src/dbp-qualified-signature-pdf-upload.js
@@ -706,6 +706,10 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
white-space: nowrap;
}
+ .downloaded {
+ background: var(--dbp-downloaded-bg-color);
+ }
+
#pdf-preview .button.is-cancel {
color: #e4154b;
}
diff --git a/src/dbp-signature-lit-element.js b/src/dbp-signature-lit-element.js
index a2ea686..ab5c130 100644
--- a/src/dbp-signature-lit-element.js
+++ b/src/dbp-signature-lit-element.js
@@ -411,6 +411,6 @@ export default class DBPSignatureLitElement extends BaseLitElement {
this.signedFilesToDownload = files.length;
this._("#file-sink").files = files;
const div = this.shadowRoot.querySelector('#' + id);
- div.style.background='#c8dcc8';
+ div.classList.add('downloaded');
}
}
--
GitLab