From e1a0256761de0b1ea85e53223a2a7c0c425f5a53 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Thu, 28 May 2020 09:58:50 +0200
Subject: [PATCH] Add more responsiveness improvements (#7)
---
src/textswitch.js | 16 +++++++++++-----
src/vpu-qualified-signature-pdf-upload.js | 14 +++++++++++++-
2 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/src/textswitch.js b/src/textswitch.js
index 9b66bea..309401d 100644
--- a/src/textswitch.js
+++ b/src/textswitch.js
@@ -47,6 +47,10 @@ export class TextSwitch extends LitElement {
${commonStyles.getThemeCSS()}
${commonStyles.getButtonCSS()}
+ div {
+ white-space: nowrap;
+ }
+
#button1 {
border-right-width: 0;
}
@@ -91,11 +95,13 @@ export class TextSwitch extends LitElement {
};
return html`
- <button @click="${onClick}" class="button ${this._active === BUTTON1 ? `active` : ``}" id="${BUTTON1}" ?disabled="${this.disabled}">
- ${this.value1}
- </button><button @click="${onClick}" class="button ${this._active === BUTTON2 ? `active` : ``}" id="${BUTTON2}" ?disabled="${this.disabled}">
- ${this.value2}
- </button>
+ <div>
+ <button @click="${onClick}" class="button ${this._active === BUTTON1 ? `active` : ``}" id="${BUTTON1}" ?disabled="${this.disabled}">
+ ${this.value1}
+ </button><button @click="${onClick}" class="button ${this._active === BUTTON2 ? `active` : ``}" id="${BUTTON2}" ?disabled="${this.disabled}">
+ ${this.value2}
+ </button>
+ </div>
`;
}
}
diff --git a/src/vpu-qualified-signature-pdf-upload.js b/src/vpu-qualified-signature-pdf-upload.js
index 410f12c..a1e822e 100644
--- a/src/vpu-qualified-signature-pdf-upload.js
+++ b/src/vpu-qualified-signature-pdf-upload.js
@@ -647,9 +647,12 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
text-align: right;
}
- .file-block .filename {
+ .file-block .filename, .file-block div.bottom-line .headline {
text-overflow: ellipsis;
overflow: hidden;
+ }
+
+ .file-block .filename {
white-space: nowrap;
}
@@ -693,6 +696,15 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
right: 10px;
bottom: inherit;
}
+
+ #grid-container > div {
+ margin-right: 0;
+ width: 100%;
+ }
+
+ .file-block {
+ max-width: inherit;
+ }
}
`;
}
--
GitLab