fix(searchbar): fix width for small searchbar to allow a single start…

… button
fivethree-team · May 16, 2019 · c1d8cab · c1d8cab
1 parent 8c3c85e
commit c1d8cab
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/projects/core/src/lib/searchbar/searchbar.component.ts b/projects/core/src/lib/searchbar/searchbar.component.ts
@@ -14,7 +14,7 @@ import { IonInput } from '@ionic/angular';
       transition('normal => small', [
         animate('95ms ease-in')
       ]),
-      state('small', style({ width: '92px' })),
+      state('small', style({ width: '120px' })),
       state('normal', style({ width: '100%' }))
     ]),
     trigger('titleAnim', [

diff --git a/src/app/pages/toolbar-search/toolbar-search.page.html b/src/app/pages/toolbar-search/toolbar-search.page.html
@@ -1,7 +1,8 @@
-  <fiv-searchbar #search title="Searchbar" placeholder="Search ...." (fivInputChange)="onSearchInputChanged($event)"
-    (fivClose)="closeSearch();" [small]="small">
-    <ion-menu-button start menu="menuId"></ion-menu-button>
-  </fiv-searchbar>
+<fiv-searchbar #search title="Searchbar" placeholder="Search ...." (fivInputChange)="onSearchInputChanged($event)"
+  (fivClose)="closeSearch();" [small]="small">
+  <!-- <ion-menu-button start menu="menuId"></ion-menu-button> -->
+  <ion-back-button start defaultHref="home"></ion-back-button>
+</fiv-searchbar>
 
 <ion-content padding no-bounce>