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

fix(searchbar): use tag in toolbar context selector

Browse Source
This commit is contained in:
Cam Wiegert
2018-07-13 13:24:09 -05:00
parent ea7d09b41e
commit 124b87ced4
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/searchbar/searchbar.ios.scss
View File

@ -162,22 +162,22 @@
// Searchbar in Toolbar Color // Searchbar in Toolbar Color
// ----------------------------------------- // -----------------------------------------
:host-context(.toolbar.ion-color) .searchbar-cancel-button { :host-context(ion-toolbar.ion-color) .searchbar-cancel-button {
color: currentColor; color: currentColor;
} }
:host-context(.toolbar.ion-color) .searchbar-search-icon { :host-context(ion-toolbar.ion-color) .searchbar-search-icon {
color: currentColor; color: currentColor;
opacity: $searchbar-ios-input-icon-opacity; opacity: $searchbar-ios-input-icon-opacity;
} }
:host-context(.toolbar.ion-color) .searchbar-input { :host-context(ion-toolbar.ion-color) .searchbar-input {
@include placeholder(currentColor, $opacity: .5); @include placeholder(currentColor, $opacity: .5);
color: currentColor; color: currentColor;
background: rgba(var(--ion-color-contrast-rgb), $searchbar-ios-input-background-color-alpha); background: rgba(var(--ion-color-contrast-rgb), $searchbar-ios-input-background-color-alpha);
} }
:host-context(.toolbar.ion-color) .searchbar-clear-button { :host-context(ion-toolbar.ion-color) .searchbar-clear-button {
color: currentColor; color: currentColor;
opacity: $searchbar-ios-input-icon-opacity; opacity: $searchbar-ios-input-icon-opacity;
} }

2
core/src/components/searchbar/searchbar.md.scss
View File

@ -122,6 +122,6 @@
// Searchbar in Toolbar // Searchbar in Toolbar
// ----------------------------------------- // -----------------------------------------
:host-context(.toolbar) { :host-context(ion-toolbar) {
@include padding(3px); @include padding(3px);
} }