From 1570910cc15981245feda9d4103fb3fc08ec0526 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Tue, 8 Mar 2022 13:45:30 +0100
Subject: [PATCH] Change touch target size
---
packages/common/styles.js | 35 +++++++++++++++++++++++++++++++++--
1 file changed, 33 insertions(+), 2 deletions(-)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index cf137609..2b941e41 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -858,8 +858,8 @@ export function getRadioAndCheckboxCss() {
}
.button-container .checkmark:after {
- left: 6px;
- top: 1px;
+ left: 8px;
+ top: 3px;
width: 5px;
height: 11px;
border: 1px solid var(--dbp-content);
@@ -868,6 +868,28 @@ export function getRadioAndCheckboxCss() {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
+
+ @media only screen and (orientation: portrait) and (max-width: 768px) {
+ .checkmark {
+ width: 30px;
+ height: 30px;
+ top: 5px;
+ }
+
+ .button-container{
+ line-height: 40px;
+ }
+
+ .button-container {
+ padding-left: 40px;
+ }
+
+ .button-container .checkmark::after {
+ left: 10px;
+ width: 10px;
+ height: 19px;
+ }
+ }
`;
}
@@ -1271,6 +1293,15 @@ export function getModalDialogCSS() {
height: 100%;
width: 100%;
}
+
+
+ }
+
+ @media only screen and (max-width: 768px) {
+ .modal-close {
+ width: 40px;
+ height: 40px;
+ }
}
`;
}
--
GitLab