Add close search bar button and a link to open it

dlumbrer · Sep 3, 2018 · 4d9f24d · 4d9f24d
1 parent 83fdddc
commit 4d9f24d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2,338 deletions.
diff --git a/public/kbn_searchtables.html b/public/kbn_searchtables.html
@@ -1,6 +1,9 @@
 <div ng-controller="KbnSearchTablesVisController" class="kbn-searchtables">
   <div class="kbn-searchtables-container">
-    <div class="navbar navbar-default subnav">
+      <div ng-hide="showInput" class="width: 100%;" align="right" class="textSearch">
+        <a ng-click="showInput = true">Search</a>
+      </div>
+      <div class="navbar navbar-default subnav" ng-show="showInput">
       <div class="container-fluid">
         <ul class="nav navbar-nav">
           <li>
@@ -17,6 +20,9 @@
               <button aria-label="Search" class="kuiButton kuiButton--primary inputSearchButton">
                 <span aria-hidden="true" class="kuiIcon fa-search"></span>
               </button>
+              <button aria-label="Close Search" ng-click="showInput = false" class="kuiButton kuiButton--warning inputSearchButton">
+                <span aria-hidden="true" class="kuiIcon fa-times"></span>
+              </button>
             </div>
           </li>
         </ul>