javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(search-bar): updated iOS cancel button to be far off screen to begin with

Browse Source 
references #247
This commit is contained in:
Brandy Carney
2015-10-09 10:38:15 -04:00
parent e7d1bb9812
commit 8812fec315
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,6 +78,17 @@ $search-bar-ios-input-close-icon-size: 17px !default;
top: 6px; top: 6px;
} }
.search-bar-cancel {
@extend button[clear];
transition: $search-bar-ios-cancel-transition;
min-height: 0;
padding-left: 8px;
padding-right: 0;
margin-left: 0;
margin-right: -100%;
}
.search-bar-input-container.left-align { .search-bar-input-container.left-align {
.search-bar-search-icon { .search-bar-search-icon {
margin-left: 0; margin-left: 0;
@ -87,14 +98,6 @@ $search-bar-ios-input-close-icon-size: 17px !default;
} }
} }
.search-bar-cancel {
@extend button[clear];
transition: $search-bar-ios-cancel-transition;
padding-left: 8px;
min-height: 0;
padding-right: 0;
}
&.hairlines .search-bar { &.hairlines .search-bar {
border-bottom-width: 0.55px; border-bottom-width: 0.55px;
} }