ilja_space/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Refactoring fullscreenhandling

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-01-25 03:12:09 +01:00
parent e1a4c75391
commit 00f610c589
23 changed files with 346 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

16
index.css
View file

@ -32,15 +32,21 @@
}
@media only screen and (max-width: 640px), only screen and (max-height: 640px) {
@media only screen and (max-width: 640px) {
.no-transform {
/*This is a workaround to let popup contents escape the popup on mobile*/
/*This is a workaround to let popup contents escape the popup on mobile - see scrollableFullScreen.ts*/
transform: none !important;
}
.clutter-hidden {
/*This is a workaround to let popup contents escape the popup on mobile - see scrollableFullScreen.ts*/
visibility: hidden !important;
}
}
:root {
--subtle-detail-color: #e5f5ff;
--subtle-detail-color-contrast: black;
@ -57,6 +63,11 @@
--return-to-the-map-height: 2em;
}
.hide-when-fullscreen-is-shown {
/*Clutter is actually a class indicating that the element should be hidden when a scrollableFullScreen is opened
It doesn't actually define any rules*/
}
html, body {
height: 100%;
min-height: 100vh;
@ -333,7 +344,6 @@ a {
.welcomeMessage {
display: block;
margin-left: 4em;
max-width: calc(100vw - 5em);
width: 40em;
max-height: calc(100vh - 15em);