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

iOS searchbar hairline

Browse Source
This commit is contained in:
Adam Bradley
2015-07-24 15:11:49 -05:00
parent 82c650e2e5
commit 704897d03a
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/search-bar/extensions/ios.scss
View File

@@ -13,7 +13,7 @@ $search-bar-ios-background-size: 13px 13px !default;
.search-bar[mode="ios"] {
padding: $search-bar-ios-padding;
background: $search-bar-ios-background-color;
@include hairline(bottom, $search-bar-ios-border-color);
border-bottom: 1px solid $search-bar-ios-border-color;
.search-bar-icon {
width: 100%;
@@ -43,22 +43,19 @@ $search-bar-ios-background-size: 13px 13px !default;
background-repeat: no-repeat;
background-position: 8px center;
@include calc(padding-left, "50% - 28px");
}
.search-bar-input, .search-bar-icon {
//transition: all .2s ease;
}
.search-bar-input-container.left-align {
.search-bar-icon {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.search-bar-input {
padding-left: 28px;
}
}
}
.hairlines .search-bar[mode="ios"] {
border-bottom-width: 0.5px;
}