Popup restyling

- Add max height and make scrollable
- Move close button outside of popup to allow padding reduction and make room for possible scrollbar
This commit is contained in:
James Lyne 2021-01-26 17:45:53 +00:00
parent 902d5c09d8
commit 2251ca3e25

View File

@ -21,11 +21,14 @@
} }
.leaflet-popup-content-wrapper { .leaflet-popup-content-wrapper {
max-height: 50vh;
display: flex;
border-radius: $global-border-radius; border-radius: $global-border-radius;
} }
.leaflet-popup-content { .leaflet-popup-content {
margin: 1.5rem; margin: 1rem;
overflow: auto;
word-break: break-word; word-break: break-word;
} }
@ -37,6 +40,20 @@
} }
} }
@at-root {
.leaflet-container a.leaflet-popup-close-button {
background-color: $global-background;
border-radius: $global-border-radius;
width: 2rem;
height: 2rem;
top: -1rem;
right: -1rem;
text-align: center;
padding: 0;
line-height: 2rem;
}
}
@media print { @media print {
display: none; display: none;
} }