Merge remote-tracking branch 'origin/fix_css_rule' into recette

Author: juggler31

atlas/static/css/areaSheet.css

@@ -42,6 +42,9 @@
     }
 }
 
+.leaflet-top.leaflet-right {
+  z-index: 1000;
+}
 
 img.statut_icon {
     width: 1rem;
@@ -73,4 +76,4 @@ img.statut_icon {
     position: absolute;
     left: 50%;
     top: 50%; 
-}
+}

atlas/static/css/ficheEspece.css

@@ -118,6 +118,49 @@ p.imgDescription.main {
     padding-right: 0px;
 }
 
+/* Slider temporel sur la carte */
+
+#mapContainer .leaflet-bar.leaflet-control.leaflet-slider-control {
+  margin: 0 0 0 10px !important; /* Supprime les marges inutiles */
+  /*margin-left: 10px !important;*/
+  width: fit-content !important; /* Adapte la largeur au contenu */
+  min-width: 250px; /* Pour éviter un trop petit encart */
+  max-width: 100%; /* Empêche le dépassement */
+  height: auto !important; /* Ajuste automatiquement la hauteur */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+#mapContainer .leaflet-bottom.leaflet-left {
+  display: flex;
+  flex-direction: column-reverse;
+  margin-bottom: 20px;
+}
+
+/* Optimisation pour les petits écrans */
+@media (max-width: 950px) {
+
+  #mapContainer #contour-legend {
+    margin-bottom: 80px;
+  }
+
+  #mapContainer .slider.slider-horizontal {
+    width: 160px;
+  }
+}
+
+@media (max-width: 400px) {
+
+  #mapContainer #contour-legend {
+    margin-bottom: 110px;
+  }
+
+  #mapContainer .slider.slider-horizontal {
+    width: 160px;
+  }
+}
+
 #mapStat {
     text-align: center;
     padding-left: 0px;