mikhailov.aa/leaflet_svelte
1
Fork 0
Code Issues 10 Pull requests 1 Projects 1 Releases Activity

New panel layout

Browse source
This commit is contained in:
ThePetrovich 2025-06-30 19:23:46 +08:00
parent 87f0a53cb5
commit 329c1c2215
18 changed files with 671 additions and 515 deletions
Download patch file Download diff file Expand all files Collapse all files

41
static/css/custom.css
View file

@ -2,26 +2,26 @@
height: var(--navbar-height);
padding-top: 0rem;
padding-bottom: 0rem;
z-index: 1000;
z-index: 1002;
border: none;
background-color: white !important;
}
.nav-link {
.nav-full-height.nav-link {
color: inherit;
padding-left: 1rem !important;
padding-right: 1rem !important;
padding-top: 12px;
background-color: var(--bs-light);
margin-right: 1px;
background-color: white;
margin-right: -1px;
}
.nav-link:hover {
.nav-full-height.nav-link:hover {
color: white !important;;
background-color: var(--bs-primary);
}
.nav-link.active {
.nav-full-height.nav-link.active {
color: white !important;
background-color: var(--bs-primary);
}
@ -39,7 +39,7 @@
margin-right: 1em;
}
.navbar {
z-index: 1001;
z-index: 1002;
}
.card {
@ -51,6 +51,8 @@
:root {
--navbar-height: 44px;
--panel-left: 20px;
--panel-top: 20px;
}
.map-container {
@ -69,7 +71,6 @@
font-family: Arial, sans-serif;
font-size: 14px;
z-index: 1000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
width: auto;
white-space: nowrap;
@ -77,7 +78,23 @@
.panel-container {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 1000;
}
top: var(--panel-top);
left: var(--panel-left);
width: 23rem;
max-height: 90vh;
max-width: calc(100vw - var(--panel-left) - var(--panel-left));
overflow-y: auto;
z-index: 1001;
}
.leaflet-bar {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
border-radius: var(--bs-border-radius) !important;
}
@media (max-width: 767.98px)
{
.coordinates-display {
display: none;
}
}