diff --git a/public/css/style.css b/public/css/style.css index 465f942..bddcaae 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -950,6 +950,7 @@ body { position: relative; overflow: visible !important; } + .queue-tooltip { visibility: hidden; opacity: 0; @@ -970,6 +971,7 @@ body { transition: opacity 0.05s ease, visibility 0.05s ease; pointer-events: none; } + .queue-cell:hover .queue-tooltip { visibility: visible; opacity: 1; @@ -2477,10 +2479,12 @@ body { box-shadow: 0 0 15px rgba(239, 68, 68, 0.4), inset 0 0 15px rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.6); } + 50% { box-shadow: 0 0 30px rgba(239, 68, 68, 0.8), inset 0 0 30px rgba(239, 68, 68, 0.4); border-color: rgba(239, 68, 68, 1); } + 100% { box-shadow: 0 0 15px rgba(239, 68, 68, 0.4), inset 0 0 15px rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.6); @@ -2502,11 +2506,13 @@ body { box-shadow: 0 0 5px rgba(16, 112, 202, 0.4); border-color: rgba(16, 112, 202, 0.5); } + 50% { box-shadow: 0 0 15px rgba(16, 112, 202, 0.8), inset 0 0 5px rgba(16, 112, 202, 0.3); border-color: rgba(16, 112, 202, 0.9); background: rgba(16, 112, 202, 0.15); } + 100% { box-shadow: 0 0 5px rgba(16, 112, 202, 0.4); border-color: rgba(16, 112, 202, 0.5); @@ -2548,11 +2554,13 @@ body { box-shadow: 0 0 5px rgba(239, 68, 68, 0.4); border-color: rgba(239, 68, 68, 0.6); } + 50% { box-shadow: 0 0 15px rgba(239, 68, 68, 0.8), inset 0 0 5px rgba(239, 68, 68, 0.3); border-color: rgba(239, 68, 68, 0.9); background: rgba(239, 68, 68, 0.15) !important; } + 100% { box-shadow: 0 0 5px rgba(239, 68, 68, 0.4); border-color: rgba(239, 68, 68, 0.6); @@ -2571,11 +2579,13 @@ body { /* ---- Ticket Tab Bar System ---- */ .tabs-bar { display: flex; - flex-wrap: wrap; /* Wraps to new line if too many tabs */ + flex-wrap: wrap; + /* Wraps to new line if too many tabs */ align-items: stretch; background: var(--bg-secondary); padding: 0; } + .tab-item { display: inline-flex; align-items: center; @@ -2584,7 +2594,8 @@ body { background: transparent; border: none; border-right: 1px solid var(--border-subtle); - border-radius: 0 !important; /* Square corners */ + border-radius: 0 !important; + /* Square corners */ font-size: 0.8rem; font-weight: 500; color: var(--text-secondary); @@ -2593,15 +2604,19 @@ body { transition: all var(--transition-fast); margin: 0 !important; } + .tab-item:hover { background: var(--bg-tertiary); color: var(--text-primary); } + .tab-item.active { - background: var(--bg-primary); /* Blend with main content background */ + background: var(--bg-primary); + /* Blend with main content background */ color: var(--accent-primary); border-bottom: 2px solid var(--accent-primary); } + .tab-item .tab-close { background: none; border: none; @@ -2613,6 +2628,7 @@ body { opacity: 0.7; transition: all 0.15s; } + .tab-item .tab-close:hover { opacity: 1; color: var(--error); @@ -2622,14 +2638,17 @@ body { #view-container.ticket-view-active { padding: 0 !important; } + #view-container.ticket-view-active .back-link { margin: var(--space-md) var(--space-xl) var(--space-xs); display: inline-flex; } + #view-container.ticket-view-active .ticket-detail { border-radius: 0 !important; border: none !important; } + #view-container.ticket-view-active .ticket-detail .card { border-radius: 0 !important; border-left: none !important; @@ -2651,6 +2670,7 @@ body { gap: 2px; background: var(--bg-primary); } + .multiselect-item { padding: 6px 10px; border-radius: var(--radius-sm); @@ -2660,14 +2680,17 @@ body { transition: background-color 0.15s, color 0.15s; user-select: none; } + .multiselect-item:hover { - background-color: var(--bg-hover, rgba(0,0,0,0.05)); + background-color: var(--bg-hover, rgba(0, 0, 0, 0.05)); color: var(--text-primary); } + .multiselect-item.selected { background-color: var(--accent-primary); color: white; } + .theme-dark .multiselect-item:hover, .theme-rosso .multiselect-item:hover, .theme-naturale .multiselect-item:hover, @@ -2676,6 +2699,7 @@ body { .theme-fairytale .multiselect-item:hover { background-color: rgba(255, 255, 255, 0.08); } + .line-config-row { display: flex; justify-content: space-between; @@ -2686,14 +2710,17 @@ body { border-radius: var(--radius-md); transition: border-color var(--transition-fast); } + .line-config-row:hover { border-color: var(--border-light); } + .line-config-row .line-name { font-weight: 500; font-size: 0.9rem; color: var(--text-primary); } + .line-config-row .line-actions { display: flex; gap: 6px; diff --git a/public/index.html b/public/index.html index cdb2931..a3833e6 100644 --- a/public/index.html +++ b/public/index.html @@ -11,7 +11,7 @@ - + @@ -258,10 +258,10 @@
- - - - + + + + diff --git a/public/js/components/filters.js b/public/js/components/filters.js index adc4af4..d05a676 100644 --- a/public/js/components/filters.js +++ b/public/js/components/filters.js @@ -215,7 +215,7 @@ const Filters = { ▼