mirror of
https://gitlab.com/mrubli/hugo-mod-leaflet.git
synced 2025-10-07 01:54:24 +00:00
static: Add basic styles requires for quip-maps
This commit is contained in:
89
static/css/hugo-mod-leaflet.css
Normal file
89
static/css/hugo-mod-leaflet.css
Normal 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;
|
||||||
|
}
|
BIN
static/images/resize-handle-se.png
Normal file
BIN
static/images/resize-handle-se.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 265 B |
Reference in New Issue
Block a user