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