Fix scrolling map filters panel on mobile

This commit is contained in:
Ian Renton
2025-11-01 17:05:47 +00:00
parent 0570b39e09
commit 30fc333c8b
3 changed files with 14 additions and 1 deletions

View File

@@ -246,13 +246,24 @@ div.band-spot:hover span.band-spot-info {
/* GENERAL MOBILE SUPPORT */
@media (max-width: 991.99px) {
/* General "hide this on mobile" class */
.hideonmobile {
display: none !important;
}
/* Make map stretch to horizontal screen edges */
div#map, div#table-container, div#bands-container {
margin-left: -1em;
margin-right: -1em;
}
/* Avoid map page filters panel being larger than the map itself */
#maptools .appearing-panel {
max-height: 30em;
}
#maptools .appearing-panel .card-body {
max-height: 26em;
overflow: scroll;
}
/* Filter/search DX Call field should be smaller on mobile */
input#filter-dx-call {
max-width: 6em;
margin-right: 0;