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

refactor(search-bar): fix search icon so it doesn't cover the input field

Browse Source 
references #247
This commit is contained in:
Brandy Carney
2015-10-06 17:50:32 -04:00
parent b9bb3d11aa
commit 4ff55392ce
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,10 +30,10 @@ $search-bar-ios-input-close-icon-size: 17px !default;
} }
.search-bar-search-icon { .search-bar-search-icon {
width: 100%; width: $search-bar-ios-input-search-icon-size + 1;
height: $search-bar-ios-input-search-icon-size + 1; height: $search-bar-ios-input-search-icon-size + 1;
transform: translateX(calc(50% - 60px)); @include calc(margin-left, "50% - 60px");
transition: $search-bar-ios-input-transition; transition: $search-bar-ios-input-transition;
@include svg-background-image($search-bar-ios-input-search-icon-svg); @include svg-background-image($search-bar-ios-input-search-icon-svg);
@ -80,7 +80,7 @@ $search-bar-ios-input-close-icon-size: 17px !default;
.search-bar-input-container.left-align { .search-bar-input-container.left-align {
.search-bar-search-icon { .search-bar-search-icon {
transform: translateX(0); margin-left: 0;
transition: $search-bar-ios-input-transition; transition: $search-bar-ios-input-transition;
} }
.search-bar-input { .search-bar-input {