add ability to toggle textarea

2023-10-16 00:41:14 +03:00
parent 698031cfc0
commit 49b9064d9f
8 changed files with 142 additions and 37 deletions
@@ -1,11 +1,11 @@
 <form action="<%= request.path %>" method="get" class="items-center hidden md:flex">
-  <div class="relative">
-    <% if params[:q].present? %>
+  <% if params[:q].present? %>
+    <div class="relative">
      <a href="<%= request.path %>" title="Clear" class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-auto text-neutral text-2xl font-extralight">
        &times;
      </a>
-    <% end %>
-  </div>
+    </div>
+  <% end %>
  <input id="search" name="q" value="<%= params[:q] %>" class="input input-ghost text-lg pr-10 -mr-12 <%= 'pl-8 input-outlined' if params[:q].present? %>">
  <button type="submit" title="Search" class="btn btn-ghost btn-circle" onclick="window.search.value || document.activeElement === window.search ? null : [event.preventDefault(), window.search.focus()]">
    <span class="enabled">