javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(searchbar): animated + no cancel works as expected

Browse Source 
fixes #8903
This commit is contained in:
Manu Mtz.-Almeida
2016-11-30 13:50:50 +01:00
parent ccb6bf1390
commit 851187ade5
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/searchbar/searchbar.ios.scss
View File

@@ -210,6 +210,9 @@ $searchbar-ios-toolbar-input-background: rgba(0, 0, 0, .08) !default;
// Searchbar animation
// -----------------------------------------
.searchbar-ios.searchbar-animated.searchbar-show-cancel .searchbar-ios-cancel {
display: block;
}
.searchbar-ios.searchbar-animated .searchbar-search-icon,
.searchbar-ios.searchbar-animated .searchbar-input {
transition: $searchbar-ios-input-transition;
@@ -222,8 +225,6 @@ $searchbar-ios-toolbar-input-background: rgba(0, 0, 0, .08) !default;
}
.searchbar-animated .searchbar-ios-cancel {
display: block;
margin-right: -100%;
opacity: 0;

3
src/components/searchbar/test/basic/main.html
View File

@@ -38,6 +38,9 @@
<h5 padding-left> Search - Mode WP</h5>
<ion-searchbar mode="wp" animated="true" showCancelButton placeholder="Search"></ion-searchbar>
<h5 padding-left> Search - Animated and No Cancel</h5>
<ion-searchbar [placeholder]="'Search'" [animated]="true" [showCancelButton]="false"></ion-searchbar>
<p padding>
<button ion-button block (click)="changeValue()">Change Value</button>
</p>