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(search-bar): gave the cancel button a min height and changed to a longer text

Browse Source 
Removed the extra selector in the css, references #247
This commit is contained in:
Brandy Carney
2015-10-29 17:53:46 -04:00
parent fe72e781be
commit f1a30a4adb
2 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/search-bar/modes/ios.scss
View File

@@ -82,7 +82,7 @@ ion-search-bar {
.search-bar-cancel {
@extend button[clear];
transition: $search-bar-ios-cancel-transition;
min-height: 0;
min-height: 30px;
padding-left: 8px;
padding-right: 0;
@@ -99,14 +99,6 @@ ion-search-bar {
}
}
.search-bar-cancel {
@extend button[clear];
transition: $search-bar-ios-cancel-transition;
padding-left: 8px;
min-height: 0;
padding-right: 0;
}
&.hairlines ion-search-bar {
border-bottom-width: 0.55px;
}

2
ionic/components/search-bar/test/floating/main.html
View File

@@ -9,7 +9,7 @@
<ion-search-bar [(ng-model)]="defaultCancel" show-cancel="true" class="e2eDefaultCancelButtonFloatingSearchBar"></ion-search-bar>
<h5 padding-left> Search - Custom Cancel Button </h5>
<ion-search-bar [(ng-model)]="customCancel" show-cancel="true" cancel-text="Done" class="e2eCustomCancelButtonFloatingSearchBar"></ion-search-bar>
<ion-search-bar [(ng-model)]="customCancel" show-cancel="true" cancel-text="Really Long Cancel" class="e2eCustomCancelButtonFloatingSearchBar"></ion-search-bar>
<h5 padding-left> Search - Custom Cancel Action</h5>
<ion-search-bar [(ng-model)]="customCancelAction" show-cancel="true" cancel-text="Done" [cancel-action]="myCancelAction" class="e2eCustomCancelActionFloatingSearchBar"></ion-search-bar>