diff --git a/modules/blox-tailwind/assets/css/framework/base.css b/modules/blox-tailwind/assets/css/framework/base.css index cd3ea9fa..aee9ea67 100644 --- a/modules/blox-tailwind/assets/css/framework/base.css +++ b/modules/blox-tailwind/assets/css/framework/base.css @@ -13,15 +13,19 @@ /* Gradient Mesh Animations */ @keyframes float { - 0%, 100% { + 0%, + 100% { transform: translateY(0) translateX(0); } + 25% { transform: translateY(-20px) translateX(10px); } + 50% { transform: translateY(-10px) translateX(-10px); } + 75% { transform: translateY(-30px) translateX(5px); } @@ -31,6 +35,7 @@ from { transform: rotate(0deg); } + to { transform: rotate(360deg); } diff --git a/modules/blox-tailwind/assets/css/hb-search.css b/modules/blox-tailwind/assets/css/hb-search.css index 39266725..434b66f0 100644 --- a/modules/blox-tailwind/assets/css/hb-search.css +++ b/modules/blox-tailwind/assets/css/hb-search.css @@ -2,7 +2,9 @@ /* Animations */ @keyframes spin { - to { transform: rotate(360deg); } + to { + transform: rotate(360deg); + } } .animate-spin { @@ -34,14 +36,15 @@ /* Smooth transitions */ .search-modal-enter { - animation: slideInUp 0.2s ease-out; + animation: slide-in-up 0.2s ease-out; } -@keyframes slideInUp { +@keyframes slide-in-up { from { opacity: 0; transform: translateY(1rem) scale(0.95); } + to { opacity: 1; transform: translateY(0) scale(1); @@ -50,29 +53,24 @@ /* Loading skeleton */ .search-skeleton { - background: linear-gradient( - 90deg, - rgb(229 231 235) 25%, - rgb(243 244 246) 50%, - rgb(229 231 235) 75% - ); + background: linear-gradient(90deg, rgb(229 231 235) 25%, rgb(243 244 246) 50%, rgb(229 231 235) 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; } .dark .search-skeleton { - background: linear-gradient( - 90deg, - rgb(55 65 81) 25%, - rgb(75 85 99) 50%, - rgb(55 65 81) 75% - ); + background: linear-gradient(90deg, rgb(55 65 81) 25%, rgb(75 85 99) 50%, rgb(55 65 81) 75%); background-size: 200% 100%; } @keyframes shimmer { - 0% { background-position: 200% 0; } - 100% { background-position: -200% 0; } + 0% { + background-position: 200% 0; + } + + 100% { + background-position: -200% 0; + } } /* Keyboard navigation highlight - handled by Alpine :class binding */ @@ -85,4 +83,4 @@ .search-result:focus-visible { outline: 2px solid rgb(59 130 246); outline-offset: -2px; -} \ No newline at end of file +} diff --git a/modules/blox-tailwind/assets/js/hb-search.js b/modules/blox-tailwind/assets/js/hb-search.js index d6b55cac..59afad6a 100644 --- a/modules/blox-tailwind/assets/js/hb-search.js +++ b/modules/blox-tailwind/assets/js/hb-search.js @@ -2,31 +2,31 @@ // Search is handled by Alpine.js component in search-modal.html // Additional keyboard shortcuts and utilities -document.addEventListener('DOMContentLoaded', () => { - console.log('✓ Hugo Blox Search initialized (Pagefind Headless API)'); - +document.addEventListener("DOMContentLoaded", () => { + console.log("✓ Hugo Blox Search initialized (Pagefind Headless API)"); + // Handle search toggle buttons - const searchButtons = document.querySelectorAll('[data-search-toggle]'); - searchButtons.forEach(button => { - button.addEventListener('click', (e) => { + const searchButtons = document.querySelectorAll("[data-search-toggle]"); + searchButtons.forEach((button) => { + button.addEventListener("click", (e) => { const prefilledQuery = button.dataset.searchQuery; - - if (window.Alpine && Alpine.store('search')) { - Alpine.store('search').open = true; - + + if (window.Alpine && Alpine.store("search")) { + Alpine.store("search").open = true; + // Pre-fill query if specified if (prefilledQuery) { setTimeout(() => { const searchInput = document.querySelector('[x-ref="searchInput"]'); if (searchInput) { searchInput.value = prefilledQuery; - searchInput.dispatchEvent(new Event('input')); + searchInput.dispatchEvent(new Event("input")); } }, 100); } } }); }); - + // Note: Keyboard navigation (arrow keys, Enter) is handled by Alpine.js in search-modal.html -}); \ No newline at end of file +}); diff --git a/modules/blox-tailwind/blox/faq/manifest.json b/modules/blox-tailwind/blox/faq/manifest.json index 529dfca8..ce926498 100644 --- a/modules/blox-tailwind/blox/faq/manifest.json +++ b/modules/blox-tailwind/blox/faq/manifest.json @@ -6,4 +6,3 @@ "categories": ["content", "interactive"], "preview": "preview.svg" } - diff --git a/modules/blox-tailwind/blox/faq/schema.json b/modules/blox-tailwind/blox/faq/schema.json index 3cc84414..7883596e 100644 --- a/modules/blox-tailwind/blox/faq/schema.json +++ b/modules/blox-tailwind/blox/faq/schema.json @@ -92,4 +92,3 @@ } } } -