From 8e793261e63e763c5e3004881006ac4efb26771b Mon Sep 17 00:00:00 2001
From: jvoisin <julien.voisin@dustri.org>
Date: Mon, 21 Dec 2020 17:11:19 +0100
Subject: [PATCH 1/2] Allow users to zoom
This is useful for users with bad eyes, since it
allows them to zoom on the page.
---
client/public/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/client/public/index.html b/client/public/index.html
index e841f191..38b1bb8f 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<meta http-equiv="x-dns-prefetch-control" content="off">
From 18b5f6e5e468548b9006f163b3ebf0ba237688a0 Mon Sep 17 00:00:00 2001
From: Artem Baskal <a.baskal@adguard.com>
Date: Thu, 24 Dec 2020 19:06:44 +0300
Subject: [PATCH 2/2] Allow scroll
---
client/public/index.html | 2 +-
client/public/install.html | 2 +-
client/public/login.html | 2 +-
client/src/components/App/index.css | 10 ++++++++++
client/src/install/Setup/Setup.css | 6 ++++++
client/src/login/Login/Login.css | 6 ++++++
6 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/client/public/index.html b/client/public/index.html
index 38b1bb8f..517048b9 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<meta http-equiv="x-dns-prefetch-control" content="off">
diff --git a/client/public/install.html b/client/public/install.html
index 0fe426a3..2b607f9b 100644
--- a/client/public/install.html
+++ b/client/public/install.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<meta name="mobile-web-app-capable" content="yes" />
diff --git a/client/public/login.html b/client/public/login.html
index 43ff190b..4908ac63 100644
--- a/client/public/login.html
+++ b/client/public/login.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon-180x180.png" />
diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
index ff530784..0832e790 100644
--- a/client/src/components/App/index.css
+++ b/client/src/components/App/index.css
@@ -13,6 +13,12 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.status {
margin-top: 30px;
}
@@ -71,3 +77,7 @@ body {
.button-action--active {
visibility: visible;
}
+
+.ReactModal__Body--open {
+ overflow: hidden;
+}
diff --git a/client/src/install/Setup/Setup.css b/client/src/install/Setup/Setup.css
index 9a404222..522d57c1 100644
--- a/client/src/install/Setup/Setup.css
+++ b/client/src/install/Setup/Setup.css
@@ -1,3 +1,9 @@
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.setup {
min-height: calc(100vh - 71px);
line-height: 1.48;
diff --git a/client/src/login/Login/Login.css b/client/src/login/Login/Login.css
index c38f27bf..a6b84e96 100644
--- a/client/src/login/Login/Login.css
+++ b/client/src/login/Login/Login.css
@@ -1,3 +1,9 @@
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.login {
display: flex;
flex-direction: column;