From 4ff55392ce68fb9ef2dea0c61024f11c2d22d6c8 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 6 Oct 2015 17:50:32 -0400 Subject: [PATCH] refactor(search-bar): fix search icon so it doesn't cover the input field references #247 --- ionic/components/search-bar/modes/ios.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ionic/components/search-bar/modes/ios.scss b/ionic/components/search-bar/modes/ios.scss index 08b1641465..8fb05a19df 100644 --- a/ionic/components/search-bar/modes/ios.scss +++ b/ionic/components/search-bar/modes/ios.scss @@ -30,10 +30,10 @@ $search-bar-ios-input-close-icon-size: 17px !default; } .search-bar-search-icon { - width: 100%; + width: $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; @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-search-icon { - transform: translateX(0); + margin-left: 0; transition: $search-bar-ios-input-transition; } .search-bar-input {