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

fix(tab-bar): adds selected color if tab bar is using a color (#16766)

Browse Source 
fixes #16761
This commit is contained in:
Paul Stelzer
2018-12-17 17:22:59 +01:00
committed by Brandy Carney
parent 9b0fe957e9
commit 54e5a244ef
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/tab-bar/tab-bar.scss
View File

@ -41,6 +41,7 @@
:host(.ion-color) ::slotted(ion-tab-button) { :host(.ion-color) ::slotted(ion-tab-button) {
--background-focused: #{current-color(shade)}; --background-focused: #{current-color(shade)};
--color-selected: #{current-color(contrast)};
} }
:host(.ion-color) ::slotted(.tab-selected) { :host(.ion-color) ::slotted(.tab-selected) {

5
core/src/components/tab-bar/test/scenarios/index.html
View File

@ -233,8 +233,9 @@
border-radius: 50%; border-radius: 50%;
max-width: 80px; max-width: 80px;
height: 80px; height: 80px;
background: #3880ff; --background: #3880ff;
color: white; --color: rgba(255, 255, 255, .7);
--color-selected: white;
} }
.main-tab-icon { .main-tab-icon {