fix: improve mobile user experience (#3508)

This commit is contained in:
Luca Colonnello 2021-04-27 11:46:30 +01:00 committed by GitHub
parent 12e8cc853f
commit f28f7ffb6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -107,15 +107,16 @@
<!-- FIXME: remove this when we update CRA (fix SW caching) --> <!-- FIXME: remove this when we update CRA (fix SW caching) -->
<style> <style>
body { body,
html {
margin: 0; margin: 0;
--ui-font: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, --ui-font: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
Roboto, Helvetica, Arial, sans-serif; Roboto, Helvetica, Arial, sans-serif;
font-family: var(--ui-font); font-family: var(--ui-font);
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
} }
.visually-hidden { .visually-hidden {
@ -150,6 +151,21 @@
} }
#root { #root {
height: 100%; height: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
@media screen and (min-width: 1200px) {
-webkit-touch-callout: default;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
} }
</style> </style>
</head> </head>