From 09577c3fe7cb31b0e04b80bb1ff8fcf4dd8e5159 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Mon, 11 May 2020 10:13:19 +0200
Subject: [PATCH] Add pdf preview responsiveness and fix width adaption (#5)
---
src/vpu-pdf-preview.js | 15 +++++++++++++++
src/vpu-qualified-signature-pdf-upload.js | 2 +-
2 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/src/vpu-pdf-preview.js b/src/vpu-pdf-preview.js
index 9093234..bb5a1c9 100644
--- a/src/vpu-pdf-preview.js
+++ b/src/vpu-pdf-preview.js
@@ -80,6 +80,10 @@ export class PdfPreview extends ScopedElementsMixin(VPULitElement) {
}
});
+ // redraw page if window was resized
+ window.onresize = async () => {
+ await that.showPage(that.currentPage);
+ };
});
}
@@ -110,6 +114,10 @@ export class PdfPreview extends ScopedElementsMixin(VPULitElement) {
// show the first page
await this.showPage(1);
+
+ // fix width adaption
+ await this.showPage(1);
+
this.isPageLoaded = true;
};
@@ -185,6 +193,13 @@ export class PdfPreview extends ScopedElementsMixin(VPULitElement) {
justify-content: center;
}
+ /* it's too risky to adapt the height */
+ /*
+ #pdf-meta button, #pdf-meta input {
+ max-height: 15px;
+ }
+ */
+
canvas {
border: solid 1px black;
}
diff --git a/src/vpu-qualified-signature-pdf-upload.js b/src/vpu-qualified-signature-pdf-upload.js
index 005dc74..d812d0a 100644
--- a/src/vpu-qualified-signature-pdf-upload.js
+++ b/src/vpu-qualified-signature-pdf-upload.js
@@ -545,7 +545,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
<vpu-button id="zip-download-button" value="${i18n.t('qualified-pdf-upload.download-zip-button')}" title="${i18n.t('qualified-pdf-upload.download-zip-button-tooltip')}" @click="${this.zipDownloadClickHandler}" type="is-primary"></vpu-button>
</div>
</div>
- <div>
+ <div class="field">
<vpu-pdf-preview></vpu-pdf-preview>
</div>
<div class="files-block error-files field ${classMap({hidden: this.errorFilesCount === 0})}">
--
GitLab