diff --git a/ionic/components/searchbar/searchbar.ios.scss b/ionic/components/searchbar/searchbar.ios.scss index affe1fb6a5..b7468db2a1 100644 --- a/ionic/components/searchbar/searchbar.ios.scss +++ b/ionic/components/searchbar/searchbar.ios.scss @@ -14,7 +14,8 @@ $searchbar-ios-input-search-icon-color: rgba(0, 0, 0, 0.5) !default; $searchbar-ios-input-search-icon-svg: "" !default; $searchbar-ios-input-search-icon-size: 13px !default; -$searchbar-ios-input-height: 100% !default; +$searchbar-ios-input-height: 3rem !default; +$searchbar-ios-input-line-height: $searchbar-ios-input-height !default; $searchbar-ios-input-placeholder-color: rgba(0, 0, 0, 0.5) !default; $searchbar-ios-input-text-color: #000 !default; $searchbar-ios-input-background-color: #FFFFFF !default; @@ -62,6 +63,7 @@ ion-searchbar { .searchbar-input { height: $searchbar-ios-input-height; + line-height: $searchbar-ios-input-line-height; padding: 0 28px; font-size: 1.4rem; diff --git a/ionic/components/searchbar/searchbar.md.scss b/ionic/components/searchbar/searchbar.md.scss index f02aa0d3f4..acba47956b 100644 --- a/ionic/components/searchbar/searchbar.md.scss +++ b/ionic/components/searchbar/searchbar.md.scss @@ -11,7 +11,8 @@ $searchbar-md-input-search-icon-color: #5B5B5B !default; $searchbar-md-input-search-icon-svg: "" !default; $searchbar-md-input-search-icon-size: 20px !default; -$searchbar-md-input-height: 100% !default; +$searchbar-md-input-height: auto !default; +$searchbar-md-input-line-height: 3rem !default; $searchbar-md-input-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !default; $searchbar-md-input-placeholder-color: #AEAEAE !default; $searchbar-md-input-text-color: #141414 !default; @@ -78,6 +79,7 @@ ion-searchbar { padding: 6px 55px; height: $searchbar-md-input-height; + line-height: $searchbar-md-input-line-height; box-shadow: $searchbar-md-input-box-shadow; font-size: 1.6rem; diff --git a/ionic/components/searchbar/searchbar.scss b/ionic/components/searchbar/searchbar.scss index 104eac8ae8..df5c1dba68 100644 --- a/ionic/components/searchbar/searchbar.scss +++ b/ionic/components/searchbar/searchbar.scss @@ -28,7 +28,6 @@ ion-searchbar { width: 100%; border: none; font-family: inherit; - line-height: 3rem; @include appearance(none); }