From b046806d6913de5906f0413cc884b258b867ed63 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Wed, 17 Feb 2021 15:49:28 +0100
Subject: [PATCH] Improve headlines
---
src/dbp-official-signature-pdf-upload.js | 12 +++++++++---
src/dbp-qualified-signature-pdf-upload.js | 22 ++++++++++++++--------
src/dbp-signature-verification-full.js | 10 ++++++++--
src/dbp-signature-verification.js | 9 +++++++++
vendor/toolkit | 2 +-
5 files changed, 41 insertions(+), 14 deletions(-)
diff --git a/src/dbp-official-signature-pdf-upload.js b/src/dbp-official-signature-pdf-upload.js
index f81ec20..41b409b 100644
--- a/src/dbp-official-signature-pdf-upload.js
+++ b/src/dbp-official-signature-pdf-upload.js
@@ -602,6 +602,12 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
border: solid 2px var(--dbp-override-danger-bg-color);
}
+ .subheadline{
+ font-style: italic;
+ padding-left: 2em;
+ margin-top: -5px;
+ }
+
/* Handling for small displays (like mobile devices) */
@media (max-width: 680px) {
/* Modal preview, upload and external auth */
@@ -765,10 +771,10 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
<div class="field">
<h2>${i18n.t('official-pdf-upload.upload-field-label')}</h2>
<div class="control">
- <p>
+ <p class="subheadline">
${i18n.t('official-pdf-upload.sub-headline')}
</p>
- <p class="border">
+ <p>
${i18n.t('official-pdf-upload.upload-text')}
</p>
<button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"
@@ -795,7 +801,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
></dbp-file-source>
</div>
</div>
- <div id="grid-container"öä--.>
+ <div id="grid-container">
<div class="left-container">
<div class="files-block field ${classMap({hidden: !this.queueBlockEnabled})}">
<!-- Queued files headline and queueing spinner -->
diff --git a/src/dbp-qualified-signature-pdf-upload.js b/src/dbp-qualified-signature-pdf-upload.js
index 3642cd2..6450249 100644
--- a/src/dbp-qualified-signature-pdf-upload.js
+++ b/src/dbp-qualified-signature-pdf-upload.js
@@ -749,6 +749,12 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
border: solid 2px var(--dbp-override-danger-bg-color);
}
+ .subheadline{
+ font-style: italic;
+ padding-left: 2em;
+ margin-top: -5px;
+ }
+
/* Handling for small displays (like mobile devices) */
@@ -932,17 +938,17 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
<div class="field ${classMap({"is-disabled": this.isUserInterfaceDisabled()})}">
<h2>${i18n.t('qualified-pdf-upload.upload-field-label')}</h2>
<div class="control">
- <p>
+ <p class="subheadline">
${i18n.t('qualified-pdf-upload.sub-headline')}
</p>
- <p class="border">
+ <p>
${i18n.t('qualified-pdf-upload.upload-text')}
- </p>
- <button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"
- ?disabled="${this.signingProcessActive}"
- class="button is-primary">
- ${i18n.t('qualified-pdf-upload.upload-button-label')}
- </button>
+ </p>
+ <button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"
+ ?disabled="${this.signingProcessActive}"
+ class="button is-primary">
+ ${i18n.t('qualified-pdf-upload.upload-button-label')}
+ </button>
<dbp-file-source
id="file-source"
diff --git a/src/dbp-signature-verification-full.js b/src/dbp-signature-verification-full.js
index 90fc6e5..44c9b50 100644
--- a/src/dbp-signature-verification-full.js
+++ b/src/dbp-signature-verification-full.js
@@ -517,6 +517,12 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme
padding-top: 2rem;
}
+ .subheadline{
+ font-style: italic;
+ padding-left: 2em;
+ margin-top: -5px;
+ }
+
/* Handling for small displays (like mobile devices) */
@media (max-width: 680px) {
/* Modal preview, upload and external auth */
@@ -690,10 +696,10 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme
<div class="field">
<h2>${i18n.t('signature-verification.upload-field-label')}</h2>
<div class="control">
- <p>
+ <p class="subheadline">
${i18n.t('signature-verification.sub-headline')}
</p>
- <p class="border">
+ <p>
${i18n.t('signature-verification.upload-text')}
</p>
<button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"
diff --git a/src/dbp-signature-verification.js b/src/dbp-signature-verification.js
index e78507c..9f41f8d 100644
--- a/src/dbp-signature-verification.js
+++ b/src/dbp-signature-verification.js
@@ -93,12 +93,21 @@ class SignatureVerification extends ScopedElementsMixin(DBPSignatureLitElement)
animation: 0s linkIconIn;
font-size: 103%;
}
+
+ .subheadline{
+ font-style: italic;
+ padding-left: 2em;
+ margin-top: -5px;
+ }
`;
}
render() {
return html`
<h2>${i18n.t('signature-verification-extern.headline')}</h2>
+ <p class="subheadline">
+ ${i18n.t('signature-verification.sub-headline')}
+ </p>
<p>
${i18n.t('signature-verification-extern.description-text')}
</p>
diff --git a/vendor/toolkit b/vendor/toolkit
index 154b295..ce55e45 160000
--- a/vendor/toolkit
+++ b/vendor/toolkit
@@ -1 +1 @@
-Subproject commit 154b295ecc8591fe5c5263d72f97362add25457b
+Subproject commit ce55e4527aecc89429af61f600472992fb6a1e76
--
GitLab