tykayn/libre-charge-map
1
0
Fork 0
mirror of https://forge.chapril.org/tykayn/libre-charge-map synced 2025-06-20 01:34:43 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 displace search to top

Browse source
This commit is contained in:
Tykayn 2025-04-18 17:53:07 +02:00 • committed by tykayn
parent e0a042c28b
commit b30985b581
7 changed files with 581 additions and 291 deletions
Download patch file Download diff file Expand all files Collapse all files

93
styles/main.scss
View file

@ -154,7 +154,7 @@ img.leaflet-marker-icon.tag-socket\:type2_yes {
}
.side-panel button {
min-width: 15em;
min-width: 2em;
margin-bottom: 0.5em;
}
@ -356,11 +356,6 @@ button {
background: white;
}
#bars_power {
margin: 1rem 0;
height: 3rem;
}
.bar {
height: 2em;
text-align: right;
@ -582,13 +577,14 @@ header {
}
.filters-box {
margin-top: 4rem;
height: 10rem;
width: auto;
position: absolute;
bottom: 0.7rem;
right: 25vw;
z-index: 100;
.rounded-button {
margin-right: 1rem;
margin-bottom: 1rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
}
@ -652,6 +648,10 @@ header {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border: 2px solid white;
}
.leaflet-osmose-layer {
&::before {
content: '⚡';
transform: rotate(45deg);
@ -662,6 +662,16 @@ header {
}
}
#bars_power {
position: absolute;
bottom: -16.7px;
width: 122.4%;
z-index: 10000;
margin: 1rem 0;
height: 0.4rem;
overflow: hidden;
}
/* Animation au survol plus visible */
.osmose-marker-drop:hover .osmose-marker-inner {
@ -720,6 +730,24 @@ header {
opacity: 0.9;
}
#searchResults {
width: 100%;
}
.search-source-control {
margin: 5px 0;
font-size: 0.9em;
}
.search-source-control label {
display: flex;
align-items: center;
gap: 5px;
}
.search-source-control input[type="checkbox"] {
margin: 0;
}
@keyframes bounce {
@ -813,4 +841,47 @@ overrides leaflet
100% {
border-left-color: #ff0000;
}
}
/* Styles pour les contrôles de couches */
.leaflet-control-layers {
&.base-layers {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 9l10-5 10 5-10 5-10-5zm0 6l10 5 10-5M2 12l10 5 10-5"/></svg>');
background-size: 16px;
background-position: 6px center;
background-repeat: no-repeat;
padding-left: 28px !important;
.leaflet-control-layers-toggle {
background-image: none;
width: auto;
padding-right: 10px;
}
&::after {
content: "Fonds";
margin-left: 5px;
font-size: 12px;
}
}
&.overlay-layers {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');
background-size: 16px;
background-position: 6px center;
background-repeat: no-repeat;
padding-left: 28px !important;
.leaflet-control-layers-toggle {
background-image: none;
width: auto;
padding-right: 10px;
}
&::after {
content: "Calques";
margin-left: 5px;
font-size: 12px;
}
}
}