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

Fix landscape mode

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-01-27 02:26:57 +01:00
parent 593ac5381a
commit 1b73f0a43a
9 changed files with 43 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/mobile.css
View file

@ -49,20 +49,6 @@ Contains tweaks for small screens
width: 100vw;
height: 100vh;
}
#welcomeMessage {
display: inline-block;
background-color: var(--background-color);
border-radius: 0;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
max-height: max-content;
box-shadow: unset;
overflow-y: unset;
}
}
@media only screen and (max-width: 600px) {

28
css/tagrendering.css
View file

@ -1,31 +1,3 @@
@media only screen and (max-height: 600px) and (min-width: 600px) {
/* landscape mode: the first tagrendering of the infobox gets a special treatment and is placed on the right*/
.landscape\:max-h-screen {
max-height: 100vh;
}
.landscape\:w-1\/2 {
width: 50%
}
.landscape\:p-2 {
padding: 0.5rem;
}
.question {
max-width: 48% !important;
padding-right: 0.3em;
box-sizing: border-box;
}
.first-rendering {
position: absolute;
left: 50%;
width: 94%;
padding-right: 0.3em;
box-sizing: border-box;
}
}
.question .form-text-field > input {
width: 100%;