tykayn/libre-charge-map
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

🎨 responsive style

Browse Source
This commit is contained in:
Tykayn 2025-01-01 11:06:32 +01:00 committed by tykayn
parent e929c3c228
commit 2de0aa1baf
1 changed files with 54 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
styles/style.css
View File

@ -16,13 +16,18 @@
--food-marker-color: #fff; --food-marker-color: #fff;
} }
* {
box-sizing: border-box;
}
html, body { html, body {
height: 100%; height: 100%;
width: 100%; width: 100%;
background: var(--background-color); background: var(--background-color);
box-sizing: border-box;
}
padding: 0;
margin: 0;
}
body { body {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -527,11 +532,57 @@ header img {
background-color: #0d377b; background-color: #0d377b;
} }
.search-input {
width: calc(100% - 2rem);
padding: 10px;
margin-bottom: 10px;
border: 1px solid var(--button-border);
border-radius: 5px;
}
#count_features_fond {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 10;
background: white;
padding: 1rem;
border-radius: 8px;
}
#removeMarkers{
margin-right: 1rem;
}
.filters-box{
margin-top: 4rem;
height: 10rem;
width: auto;
}
.filters-box .rounded-button{
margin-right: 1rem;
margin-bottom: 1rem;
}
#searchButton{
margin-right: 1rem;
}
/**
overrides leaflet
*/
.leaflet-left .leaflet-control{
margin-left: 2rem;
}
/* Style pour mobile */ /* Style pour mobile */
@media (max-width: 1200px) { @media (max-width: 1200px) {
header h1{ header h1{
width: 100vw; width: 100vw;
font-size: 1.5rem;
} }
#toggleSidePanel{ #toggleSidePanel{
right: 1rem; right: 1rem;
@ -544,7 +595,7 @@ header img {
.side-panel { .side-panel {
margin: 0; margin: 0;
position: static; position: static;
width: 95%; width: 100vw;
height: auto; height: auto;
transform: none; transform: none;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
@ -594,47 +645,3 @@ header img {
border-left-color: #ff0000; border-left-color: #ff0000;
} }
} }
.search-input {
width: calc(100% - 2rem);
padding: 10px;
margin-bottom: 10px;
border: 1px solid var(--button-border);
border-radius: 5px;
}
#count_features_fond {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 10;
background: white;
padding: 1rem;
border-radius: 8px;
}
#removeMarkers{
margin-right: 1rem;
}
.filters-box{
margin-top: 4rem;
height: 10rem;
width: auto;
}
.filters-box .rounded-button{
margin-right: 1rem;
margin-bottom: 1rem;
}
#searchButton{
margin-right: 1rem;
}
/**
overrides leaflet
*/
/*.leaflet-control-layers .leaflet-control:nth-of-type(1) .leaflet-control-layers-toggle{*/
/* background-image: url('/styles/images/marker-icon.png');*/
/*}*/
.leaflet-left .leaflet-control{
margin-left: 2rem;
}