changeset 379:44337471d390

bulma (call): Add a delete button in search bar to clear search
author Goffi <goffi@goffi.org>
date Thu, 17 Aug 2023 16:22:25 +0200
parents 16dc76f58782
children 788729e741cc
files sat_templates/templates/bulma/call/call.html
diffstat 1 files changed, 6 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/sat_templates/templates/bulma/call/call.html	Thu Aug 17 14:59:35 2023 +0200
+++ b/sat_templates/templates/bulma/call/call.html	Thu Aug 17 16:22:25 2023 +0200
@@ -19,7 +19,12 @@
 
         <!-- Search bar -->
         <div class="column is-flex-grow-1">
-            <input class="input" type="search" id="search" placeholder="Enter contact's name or address" aria-label="Search for contacts">
+            <div class="control has-icons-right">
+                <input class="input" type="search" id="search" placeholder="Enter contact's name or address" aria-label="Search for contacts">
+                <span class="icon is-right">
+                    <a role="button" tabindex="0" class="delete is-small" id="clear_search_btn" aria-label="Clear search"></a>
+                </span>
+            </div>
         </div>
 
         <!-- Video Call Button -->