From 3d486a0700818e2841c6852abba79cc18d49f24a Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Mon, 12 Oct 2020 11:06:02 +0200
Subject: [PATCH] Add button spacing on mobile devices in QR code scanner
---
packages/qr-code-scanner/src/qr-code-scanner.js | 15 +++++++++++++++
1 file changed, 15 insertions(+)
diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 7a565846..50dfeac2 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -340,6 +340,12 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
background-position-x: calc(100% - 0.4rem);
font-size: inherit;
}
+
+ #videoSource:hover {
+ background: calc(100% - 0.4rem) center no-repeat url("https://localhost:8001/dist/local/dbp-common/icons/chevron-down.svg");
+ color: black;
+ }
+
select:not(.select)#videoSource{
background-size: auto 45%;
}
@@ -349,6 +355,15 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
padding-top: 2rem;
border-top: 1px solid black;
}
+
+ @media only screen
+ and (orientation: portrait)
+ and (max-device-width: 765px) {
+ .button-wrapper{
+ display: flex;
+ justify-content: space-between;
+ }
+ }
`;
}
--
GitLab