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 19m14s
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;
}
}

71
static/css/style.css
View file

@ -843,50 +843,6 @@ p {
margin-left: 175px;
}
/* MAP */
.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% - 60px);
width: 100%;
top: 60px;
}
/* Leaflet control buttons */
.leaflet-control-locate {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
}
/* Leaflet control buttons */
.leaflet-control-locate {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
}
/* Leaflet attribution control */
/* Leaflet scale control */
/* Favicon styling */
.result_header {
display: flex;
@ -911,8 +867,6 @@ p {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
/* Result link styling */
/* Result item spacing */
.result_item {
margin-bottom: 1.5rem;
@ -966,13 +920,6 @@ p {
gap: 4px;
}
/*
.result-path::before {
content: "›";
margin: 0 4px;
opacity: 0.6;
} */
body,
h1,
p,
@ -1312,21 +1259,7 @@ button {
}
.results_settings {
display: flex;
/* Enable flexbox */
flex-wrap: wrap;
/* Allow elements to wrap onto new lines when necessary */
}
}
/* Ensuring dark theme compliance */
@media (prefers-color-scheme: dark) {
.leaflet-control-locate {
background-color: var(--button) !important;
border: 1px solid var(--border) !important;
color: var(--fg) !important;
text-shadow: 1px 1px 2px var(--background-color) !important;
/* Dark theme shadow adjustment */
display: flex; /* Enable flexbox */
flex-wrap: wrap; /* Allow elements to wrap onto new lines when necessary */
}
}