From 5c84fe7febffd47773a6d828628b6a3bc718d78b Mon Sep 17 00:00:00 2001
From: Tomasz Kapias <tkapias@git.tkapias.net>
Date: Fri, 28 Apr 2023 18:05:43 +0200
Subject: [PATCH] add: toggle input by a click on logo

For mobile keyoard experience
---
 assets/source/index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/assets/source/index.html b/assets/source/index.html
index 87d9ce6..fc12e3e 100644
--- a/assets/source/index.html
+++ b/assets/source/index.html
@@ -659,3 +659,17 @@
   </main>
 
 </div>
+
+<script>
+  window.addEventListener("load", () => {
+    document.querySelector('#logo').addEventListener('click', () => {
+      if(document.querySelector('search-component').shadowRoot.querySelector('.dialog').open) {
+        document.querySelector('search-component').shadowRoot.querySelector('.dialog').close();
+      }
+      else {
+        document.querySelector('search-component').shadowRoot.querySelector('.dialog').show();
+        document.querySelector('search-component').shadowRoot.querySelector('.input').focus();
+      }
+    });
+  });
+</script>