Add files via upload

Author: fastender

dist/fast-search-card.js

@@ -4224,34 +4224,17 @@ class FastSearchCard extends HTMLElement {
                 flex-shrink: 0;
             }    
 
-            .actions-filter-wrapper {
-                position: relative;
-                padding: 5px 0px 16px 0px;
-                margin: 0 20px;
-            }
-            
-
-            
-            .actions-filter-wrapper::before {
-                left: 0;
-                background: linear-gradient(to right, var(--card-background-color), transparent);
-            }
-            
-            .actions-filter-wrapper::after {
-                right: 0;
-                background: linear-gradient(to left, var(--card-background-color), transparent);
-            }
-            
+            /* Actions Filter Chips - Subcategory-Chip Design */
             .actions-filter-chips {
                 display: flex;
                 gap: 8px;
-                padding: 5px 20px 5px 0px;
+                padding: 5px 20px 16px 20px;
                 overflow-x: auto;
                 scrollbar-width: none;
                 -ms-overflow-style: none;
                 -webkit-overflow-scrolling: touch;
+                transition: all 0.3s ease;
                 flex-shrink: 0;
-                box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.3);
             }
 
             .actions-filter-chips::-webkit-scrollbar {
@@ -11936,25 +11919,23 @@ class FastSearchCard extends HTMLElement {
             <div class="actions-container">
                 <div class="actions-header">
                     <h4>Verfügbare Aktionen für ${item.name}</h4>
-                        <div class="actions-filter-wrapper">                 
-                            <div class="actions-filter-chips">
-                                <button class="action-filter-chip active" data-action-filter="all">
-                                    Alle <span class="chip-count" id="actions-all-count">0</span>
-                                </button>
-                                <button class="action-filter-chip" data-action-filter="favorites" style="display: none;">
-                                    Favoriten <span class="chip-count" id="actions-favorites-count">0</span>
-                                </button>
-                                <button class="action-filter-chip" data-action-filter="scenes">
-                                    Szenen <span class="chip-count" id="actions-scenes-count">0</span>
-                                </button>
-                                <button class="action-filter-chip" data-action-filter="scripts">
-                                    Skripte <span class="chip-count" id="actions-scripts-count">0</span>
-                                </button>
-                                <button class="action-filter-chip" data-action-filter="automations">
-                                    Automationen <span class="chip-count" id="actions-automations-count">0</span>
-                                </button>
-                            </div>
-                       </div>         
+                    <div class="actions-filter-chips">
+                        <button class="action-filter-chip active" data-action-filter="all">
+                            Alle <span class="chip-count" id="actions-all-count">0</span>
+                        </button>
+                        <button class="action-filter-chip" data-action-filter="favorites" style="display: none;">
+                            ⭐ Favoriten <span class="chip-count" id="actions-favorites-count">0</span>
+                        </button>
+                        <button class="action-filter-chip" data-action-filter="scenes">
+                            🎬 Szenen <span class="chip-count" id="actions-scenes-count">0</span>
+                        </button>
+                        <button class="action-filter-chip" data-action-filter="scripts">
+                            📜 Skripte <span class="chip-count" id="actions-scripts-count">0</span>
+                        </button>
+                        <button class="action-filter-chip" data-action-filter="automations">
+                            ⚙️ Automationen <span class="chip-count" id="actions-automations-count">0</span>
+                        </button>
+                    </div>
                 </div>
 
                 <div class="actions-results-container">