From 47db5c6878aa872b5b791ec6a26494e28ebf31a0 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Mon, 20 Apr 2026 13:56:23 +0200
Subject: feat: add search icon button to desktop header

Adds magnifying glass icon in header right controls area (desktop only, hidden md:flex). Dispatches 'open-search' event to trigger search modal. Includes proper focus ring styling and accessibility labels.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 themes/danix-xyz-hacker/layouts/partials/header.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'themes')

diff --git a/themes/danix-xyz-hacker/layouts/partials/header.html b/themes/danix-xyz-hacker/layouts/partials/header.html
index e365777..63151ba 100644
--- a/themes/danix-xyz-hacker/layouts/partials/header.html
+++ b/themes/danix-xyz-hacker/layouts/partials/header.html
@@ -19,8 +19,17 @@
       {{ end }}
     </div>
 
-    <!-- Right side controls: Language, Theme, Menu -->
+    <!-- Right side controls: Search, Language, Theme, Menu -->
     <div class="flex items-center gap-4 md:gap-6">
+      <!-- Search button (desktop only) -->
+      <button
+        @click="$dispatch('open-search')"
+        aria-label="{{ i18n "searchArticles" }}"
+        class="hidden md:flex p-2 rounded hover:bg-surface transition-colors focus:outline-none focus:ring-2 focus:ring-accent"
+      >
+        <i data-feather="search" class="w-5 h-5" aria-hidden="true"></i>
+      </button>
+
       <!-- Language switcher (desktop) -->
       <div class="hidden md:flex gap-2">
         {{ $currentLang := .Page.Language }}
-- 
cgit v1.2.3