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

fix(searchbar): fix the border color and toolbar padding

Browse Source 
references #5921
This commit is contained in:
Brandy Carney
2016-03-23 13:11:13 -04:00
parent 7dc58ef2dd
commit 0e91a69257
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/searchbar/searchbar.wp.scss
View File

@ -115,7 +115,7 @@ ion-searchbar {
// Searchbar Focused // Searchbar Focused
// ----------------------------------------- // -----------------------------------------
.searchbar-focused { .searchbar-focused .searchbar-input-container {
border-color: $searchbar-wp-border-color-focused; border-color: $searchbar-wp-border-color-focused;
} }
@ -143,13 +143,22 @@ ion-searchbar {
display: none; display: none;
} }
// Searchbar in Toolbar
// -----------------------------------------
.toolbar {
ion-searchbar {
padding: 2px;
}
}
// Generate Default Windows Search Bar Colors // Generate Default Windows Search Bar Colors
// -------------------------------------------------- // --------------------------------------------------
@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) { @each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
ion-searchbar[#{$color-name}].searchbar-focused { ion-searchbar[#{$color-name}].searchbar-focused .searchbar-input-container {
border-color: $color-base; border-color: $color-base;
} }