static: Add basic styles requires for quip-maps

This commit is contained in:
Martin Rubli
2023-10-15 16:38:24 +02:00
parent d25d63845e
commit 05e5977ea2
2 changed files with 89 additions and 0 deletions

View File

@@ -0,0 +1,89 @@
.map-container {
height: 400px;
width: 600px;
padding: 6px 6px 18px 6px;
background: #eee;
border-radius: 8px;
}
.ui-icon {
background-image: url('/images/resize-handle-se.png');
background-position: -1px -1px;
z-index: 400 !important; /* make sure it overlays the map since we don't have a border yet */
}
.map {
height: 100%;
border-radius: 8px;
}
.map g.legend, g.legend-hover {
display: none;
}
.map .heightgraph-container {
border-radius: 8px;
}
/* Heightgraph grid lines */
.map .heightgraph .grid .tick line {
stroke: #ccc;
}
.map-attribution {
position: absolute;
left: 0px;
bottom: 3px;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.map-attribution a {
color: #0078A8;
text-decoration: none;
}
.leaflet-right .leaflet-control {
margin: 6px;
}
/* Heightgraph data point selector */
svg.heightgraph-container .select-info {
display: none;
}
svg.heightgraph-container .select-symbol {
display: none;
}
/* Map style when maximized */
.map.leaflet-maximized {
height: 90% !important;
top: 5%;
border: 2px solid white;
border-radius: 8px;
z-index: 1; /* above the backdrop */
}
.map-backdrop {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
}
.map ~ .map-backdrop {
display: none;
}
.map.leaflet-maximized ~ .map-backdrop {
display: block;
z-index: 0;
}
.map.leaflet-maximized ~ .map-attribution {
display: none;
}