From 193c9ab5f486f6018205af1554325e4c6c7e07cc Mon Sep 17 00:00:00 2001 From: Tamara Steinwender <tamara.steinwender@tugraz.at> Date: Mon, 28 Jun 2021 15:50:15 +0200 Subject: [PATCH] Unify breakpoints --- src/dbp-official-signature-pdf-upload.js | 4 +++- src/dbp-pdf-annotation-view.js | 4 +++- src/dbp-qualified-signature-pdf-upload.js | 4 +++- src/dbp-signature-verification-full.js | 4 +++- 4 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/dbp-official-signature-pdf-upload.js b/src/dbp-official-signature-pdf-upload.js index 2180f60..a5049ae 100644 --- a/src/dbp-official-signature-pdf-upload.js +++ b/src/dbp-official-signature-pdf-upload.js @@ -663,7 +663,9 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem } /* Handling for small displays (like mobile devices) */ - @media (max-width: 680px) { + @media only screen + and (orientation: portrait) + and (max-width: 768px) { /* Modal preview, upload and external auth */ div.right-container > * { position: fixed; diff --git a/src/dbp-pdf-annotation-view.js b/src/dbp-pdf-annotation-view.js index 3805d8e..4ff1adf 100644 --- a/src/dbp-pdf-annotation-view.js +++ b/src/dbp-pdf-annotation-view.js @@ -320,7 +320,9 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) { } /* Handling for small displays (like mobile devices) */ - @media (max-width: 680px) { + @media only screen + and (orientation: portrait) + and (max-width: 768px) { .nav-buttons { flex-direction: column; } diff --git a/src/dbp-qualified-signature-pdf-upload.js b/src/dbp-qualified-signature-pdf-upload.js index a3548b6..1a77f1f 100644 --- a/src/dbp-qualified-signature-pdf-upload.js +++ b/src/dbp-qualified-signature-pdf-upload.js @@ -786,7 +786,9 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle /* Handling for small displays (like mobile devices) */ - @media (max-width: 680px) { + @media only screen + and (orientation: portrait) + and (max-width: 768px) { /* Modal preview, upload and external auth */ div.right-container > * { position: fixed; diff --git a/src/dbp-signature-verification-full.js b/src/dbp-signature-verification-full.js index ed0b909..329cef0 100644 --- a/src/dbp-signature-verification-full.js +++ b/src/dbp-signature-verification-full.js @@ -526,7 +526,9 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme } /* Handling for small displays (like mobile devices) */ - @media (max-width: 680px) { + @media only screen + and (orientation: portrait) + and (max-width: 768px) { /* Modal preview, upload and external auth */ div.right-container > * { position: fixed; -- GitLab