fix: tasto filtri in mappa

Author: Pek5892

modules/mappa/css/app.css

@@ -370,12 +370,33 @@ a:active, a:hover, a:focus {
 /* Stile per il pulsante toggle filtri */
 #toggle-filters-btn {
     margin-right: 5px;
+    transition: all 0.3s ease;
 }
 
 #toggle-filters-btn i.text-primary {
     color: #3c8dbc !important;
 }
 
+/* Stile per il pulsante toggle quando i filtri sono nascosti */
+#toggle-filters-btn.filters-hidden {
+    background-color: #3c8dbc !important;
+    color: white !important;
+    transform: scale(1.2);
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(60, 141, 188, 0.3);
+    border: 2px solid #3c8dbc;
+}
+
+#toggle-filters-btn.filters-hidden:hover {
+    background-color: #367fa9 !important;
+    transform: scale(1.25);
+    box-shadow: 0 3px 12px rgba(60, 141, 188, 0.4);
+}
+
+#toggle-filters-btn.filters-hidden i {
+    color: white !important;
+}
+
 /* Stile per le icone dell'indirizzo */
 .address-icon, .location-icon {
     color: #3c8dbc;

modules/mappa/js/app.js

@@ -13,6 +13,7 @@ $(document).ready(function() {
 
         // Inizializza lo stato del pulsante toggle
         $('#toggle-filters-btn i').addClass('text-primary');
+        $('#toggle-filters-btn').removeClass('filters-hidden');
 
         // Assicurati che i pulsanti di toggle funzionino correttamente
         $('#toggle-filters-btn, #menu-filtri-toggle').off('click').on('click', function() {
@@ -75,6 +76,7 @@ function toggleFiltersPanel(show) {
             'right': '10px'
         }, 300);
         $('#toggle-filters-btn i').addClass('text-primary');
+        $('#toggle-filters-btn').removeClass('filters-hidden');
     } else {
         // Nascondi pannello filtri con animazione
         $filtersContainer.animate({
@@ -84,6 +86,7 @@ function toggleFiltersPanel(show) {
             $(this).hide();
         });
         $('#toggle-filters-btn i').removeClass('text-primary');
+        $('#toggle-filters-btn').addClass('filters-hidden');
     }
 
     // Ridimensiona la mappa per adattarla al nuovo contenitore