refactor: miglioria ricerca globale

Author: Pek5892

assets/src/css/style.css

@@ -211,6 +211,156 @@ input[type=file] {
     background: #FFFF66;
 }
 
+/* Disabilita il widget sidebar-search di AdminLTE */
+[data-widget-disabled="true"] .sidebar-search-results,
+.sidebar-search-results,
+.sidebar-search-open .sidebar-search-results {
+    display: none !important;
+}
+
+/* Stili per la ricerca unificata nella sidebar */
+
+.search-results-header {
+    padding: 8px 12px 4px 12px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    margin-bottom: 4px;
+}
+
+.search-results-header h6 {
+    margin: 0;
+    font-size: 10px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: var(--text-light);
+    text-transform: uppercase;
+}
+
+.search-results-header .search-term {
+    background: rgba(255, 255, 255, 0.2);
+    color: var(--text-light);
+    padding: 2px 6px;
+    border-radius: 3px;
+    font-size: 9px;
+    font-weight: 700;
+}
+
+.search-category h6 {
+    margin: 0;
+    padding: 8px 12px 6px 12px;
+    font-size: 10px;
+    text-transform: uppercase;
+    font-weight: 600;
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15));
+    color: #ffffff !important;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+    border-radius: 4px 4px 0 0;
+    margin-bottom: 2px;
+    letter-spacing: 0.5px;
+    position: relative;
+    backdrop-filter: blur(5px);
+}
+
+.search-category h6 i {
+    margin-right: 8px;
+    font-size: 11px;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.search-category h6 .badge {
+    margin-left: auto;
+    font-size: 9px;
+    padding: 3px 8px;
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.3);
+    color: rgba(255, 255, 255, 0.95);
+    font-weight: 600;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.search-result-item {
+    padding: 8px 12px !important;
+    font-size: 11px;
+    border-left: 3px solid transparent;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    align-items: flex-start;
+    color: var(--text-light) !important;
+    transition: all 0.2s ease;
+}
+
+.search-result-item:hover {
+    background: rgba(255, 255, 255, 0.1) !important;
+    border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.search-result-item .nav-icon {
+    font-size: 11px;
+    width: 16px;
+    margin-right: 8px;
+    color: rgba(255, 255, 255, 0.7);
+    flex-shrink: 0;
+    text-align: center;
+}
+
+.search-result-text {
+    flex: 1;
+    overflow: hidden;
+}
+
+.search-result-text > div {
+    font-weight: 500;
+    color: var(--text-light);
+    word-wrap: break-word;
+}
+
+.search-result-text small {
+    font-size: 9px;
+    color: rgba(255, 255, 255, 0.6);
+    display: block;
+    word-wrap: break-word;
+}
+
+#clear-search {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 10px;
+    padding: 4px 6px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.1);
+    border: none;
+}
+
+#clear-search:hover {
+    color: var(--text-light);
+    background: rgba(220, 53, 69, 0.8);
+}
+
+.nav-sidebar.search-hidden {
+    margin-bottom: 0 !important;
+}
+
+.search-no-results {
+    text-align: center;
+    padding: 20px 12px;
+    color: rgba(255, 255, 255, 0.7);
+}
+
+.search-no-results i {
+    font-size: 16px;
+    margin-bottom: 8px;
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.search-no-results p {
+    font-size: 11px;
+    margin: 0;
+    color: rgba(255, 255, 255, 0.7);
+}
+
+
 .autocomplete>div:hover:not(.group),
 .autocomplete>div.selected {
     background: #F5F5F5;
@@ -2441,7 +2591,6 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
 }
 
 .nav-sidebar {
-    margin-bottom: 60px;
     text-align: left;
 }