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

Derping around, bit of a dead end due to transform3d in a parent

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-01-22 01:03:50 +01:00
commit 81f0a21076
52 changed files with 1717 additions and 14115 deletions
Download patch file Download diff file Expand all files Collapse all files

55
css/tagrendering.css
View file

@ -1,4 +1,5 @@
<<<<<<< HEAD
.featureinfobox {
display: flex;
flex-direction: column;
@ -45,41 +46,23 @@
background: var(--subtle-detail-color);
flex-shrink: 0;
}
.featureinfobox-back-to-the-map svg {
width: 1.75em;
height: 1.75em;
margin-left: 0.15em;
margin-top: 0.15em
}
.featureinfobox-back-to-the-map svg path{
stroke: var(--subtle-detail-color-contrast) !important;
}
=======
>>>>>>> master
@media only screen and (max-width: 600px), only screen and (max-height: 600px) {
.featureinfobox-content {
display: block;
max-height: unset !important;
overflow-y: auto;
}
}
@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*/
.featureinfobox-content {
position: relative;
width: 100% !important;
max-width: unset !important;
max-height: unset !important;
height: 100vh;
.landscape\:max-h-screen {
max-height: 100vh;
}
.answer {
max-width: 48% !important;
padding-right: 0.3em;
box-sizing: border-box;
.landscape\:w-1\/2 {
width: 50%
}
.landscape\:p-2 {
padding: 0.5rem;
}
.question {
@ -97,15 +80,6 @@
}
}
.answer {
display: flex;
width: 100%;
font-size: large;
justify-content: space-between;
word-break: break-word;
}
.question .form-text-field > input {
width: 100%;
box-sizing: border-box;
@ -151,13 +125,11 @@
.question-option-with-border {
border: 2px solid lightgray;
border-radius: 0.5em;
display: inline-block;
display: block;
width: 100%;
margin: 0;
margin-left: -2em;
margin: 5px ​0;
box-sizing: border-box;
padding: 0.5em;
padding-left: 2em;
}
input:checked + label .question-option-with-border {
@ -254,6 +226,7 @@ input:checked + label .question-option-with-border {
position: fixed;
width: 100vw;
bottom: 0;
z-index: 100000;
}
.to-the-map-inner{