mapguesser/public/static/css/map_editor.css

105 lines
1.6 KiB
CSS
Raw Normal View History

.map {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
#mapSelection img {
display: inline;
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: #ffffff;
}
#mapSelection img svg {
fill: #28a745;
}
/* modify the cursor for the Leaflet map */
.leaflet-container {
cursor: crosshair;
}
#panorama {
position: absolute;
z-index: 1;
visibility: hidden;
}
#noPano {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 2;
visibility: hidden;
background: #cccccc;
}
#noPano>p {
text-align: center;
}
#control {
position: absolute;
top: 10px;
2020-06-06 02:18:12 +02:00
right: 10px;
width: 125px;
z-index: 3;
}
#placeControl {
position: absolute;
2020-06-06 02:18:12 +02:00
right: 10px;
z-index: 3;
width: 100px;
visibility: hidden;
}
2020-06-05 00:22:41 +02:00
#deleteButton {
display: none;
}
@media screen and (max-width: 999px) and (min-height: 600px) {
#map.selected {
height: 50%;
}
#panorama, #noPano {
left: 0;
bottom: 0;
right: 0;
height: 50%;
}
#placeControl {
top: calc(50% + 10px);
}
}
@media screen and (min-width: 1000px), (max-height: 599px) {
#map.selected {
top: 0;
bottom: 0;
left: 0;
width: 50%;
}
#panorama, #noPano {
top: 0;
bottom: 0;
right: 0;
width: 50%;
}
2020-06-06 02:18:12 +02:00
#placeControl {
top: 10px;
}
2020-06-06 02:18:12 +02:00
#modified.selected {
right: calc(50% + 10px);
}
#control.selected {
right: calc(50% + 10px);
}
}