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

refactor(searchbar): fixed the input background color and placeholder color in toolbars for iOS

Browse Source 
references #247
This commit is contained in:
Brandy Carney
2015-11-04 16:50:27 -05:00
parent 46b161519a
commit 9df5b5982f
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ionic/components/searchbar/modes/ios.scss
View File

@ -7,18 +7,18 @@ $searchbar-ios-background-color: rgba(0, 0, 0, 0.2) !default;
$searchbar-ios-border-color: rgba(0, 0, 0, 0.05) !default;
$searchbar-ios-min-height: 44px !default;
$searchbar-ios-input-search-icon-color: #767676 !default;
$searchbar-ios-input-search-icon-color: rgba(0, 0, 0, 0.5) !default;
$searchbar-ios-input-search-icon-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path fill='" + $searchbar-ios-input-search-icon-color + "' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/><line stroke='" + $searchbar-ios-input-search-icon-color + "' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>" !default;
$searchbar-ios-input-search-icon-size: 13px !default;
$searchbar-ios-input-height: 28px !default;
$searchbar-ios-input-placeholder-color: #9D9D9D !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;
$searchbar-ios-input-transition: all 400ms cubic-bezier(.25, .45, .05, 1) !default;
$searchbar-ios-cancel-transition: all 400ms cubic-bezier(.25, .45, .05, 1) !default;
$searchbar-ios-input-close-icon-color: #8F8E94 !default;
$searchbar-ios-input-close-icon-color: rgba(0, 0, 0, 0.5) !default;
$searchbar-ios-input-close-icon-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $searchbar-ios-input-close-icon-color + "' d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>" !default;
$searchbar-ios-input-close-icon-size: 18px !default;
@ -107,7 +107,7 @@ ion-searchbar.left-align {
border-bottom-width: 0;
.searchbar-input {
background-color: #E5E5E5;
background-color: rgba(0, 0, 0, 0.08);
}
.searchbar-cancel {
@ -136,6 +136,5 @@ ion-searchbar.left-align {
.searchbar-cancel {
color: $value;
}
}
}