Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Fixes for map results page
Some checks failed
Run Integration Tests / test (push) Failing after 37s
Details

Browse source
This commit is contained in:
partisan 2025-06-30 14:48:18 +02:00
parent 04fb53cf11
commit 43d7068c7a
48 changed files with 120 additions and 239 deletions
Download patch file Download diff file Expand all files Collapse all files

66
static/css/style-map.css
View file

@ -1,3 +1,28 @@
/* Unable to find ... message */
.message {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 10px;
background-color: var(--search-bg);
border: 1px solid var(--border);
border-radius: 5px;
box-shadow: 0 0 10px var(--box-shadow);
z-index: 1000;
width: auto;
max-width: 80%;
text-align: center;
color: var(--text-color);
}
/* Map container */
#map {
height: calc(100% - 65px);
width: 100%;
top: 65px;
}
.leaflet-control-layers-toggle {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
@ -35,10 +60,26 @@
}
.leaflet-bar a,
.leaflet-bar a:focus,
.leaflet-bar a:active,
.leaflet-bar a:hover {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.24) !important;
transition: background-color 0.2s;
}
.leaflet-control-layers-toggle,
.leaflet-control-layers-expanded {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: var(--search-select) !important;
}
.leaflet-popup-content-wrapper,
@ -86,25 +127,8 @@
text-shadow: 1px 1px 2px var(--border) !important;
}
/* Ensuring dark theme compliance */
@media (prefers-color-scheme: dark) {
.leaflet-control-locate,
.leaflet-control-layers-toggle,
.leaflet-bar a,
.leaflet-bar a:hover,
.leaflet-popup-content-wrapper,
.leaflet-popup-tip,
.leaflet-control-attribution,
.leaflet-control-scale,
.leaflet-control-scale-line {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
text-shadow: 1px 1px 2px var(--background-color) !important;
}
.leaflet-control-attribution a {
color: var(--link) !important;
}
@media only screen and (max-width: 880px) {
#map {
top: 130px !important;
}
}