fix: corretta evidenziazione risultati ricerca

Author: Pek5892

assets/src/css/style.css

@@ -207,8 +207,13 @@ input[type=file] {
     padding: 5px;
 }
 
-.highlight {
-    background: #FFFF66;
+.highlight, .search-highlight {
+    background: #ffc107;
+    color: #212529;
+    font-weight: bold;
+    padding: 2px 4px;
+    border-radius: 3px;
+    box-shadow: 0 1px 3px rgba(255, 193, 7, 0.3);
 }
 
 /* Disabilita il widget sidebar-search di AdminLTE */

assets/src/js/base/supersearch.js

@@ -261,12 +261,20 @@ $(document).ready(function () {
             results.forEach(result => {
                 const title = result.title;
                 const labels = result.labels ? result.labels.join('').split('<br/>,').join(' • ') : '';
+
+                // Preserva l'evidenziazione esistente e applica quella per search-highlight
+                let processedLabels = labels;
+                // Sostituisci la classe highlight con search-highlight per coerenza
+                processedLabels = processedLabels.replace(/class=['"]highlight['"]/g, 'class="search-highlight"');
+
                 const cleanLabels = labels.replace(/<[^>]*>/g, ''); // Rimuovi HTML per il tooltip
 
                 // Evidenzia il termine di ricerca nel titolo
                 const highlightedTitle = highlightSearchTerm(title, searchTerm);
-                // Mantieni le labels complete per permettere il wrap
-                const simplifiedLabels = cleanLabels.replace(/:/g, '');
+
+                // Applica evidenziazione anche alle labels processate
+                const highlightedLabels = highlightSearchTerm(processedLabels, searchTerm);
+                const simplifiedLabels = highlightedLabels.replace(/:/g, '');
 
                 categoryList.append(`
                     <li class="nav-item">