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

fix(button): fix ios buttons in colored toolbar so they don't use the default color

Browse Source 
fixes #8566
This commit is contained in:
Brandy Carney
2016-11-09 19:05:21 -05:00
parent b00860bb78
commit 0e53ec315d
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/toolbar/test/colors/main.html
View File

@@ -60,7 +60,7 @@
<ion-toolbar no-border-top color="secondary">
<ion-buttons start>
<button ion-button icon-only solid>
<button ion-button icon-only color="primary">
<ion-icon name="contact"></ion-icon>
</button>
<button ion-button icon-left solid>
@@ -79,7 +79,7 @@
<ion-toolbar no-border-top color="secondary">
<ion-buttons start>
<button ion-button icon-only solid class="activated">
<button ion-button icon-only color="primary" class="activated">
<ion-icon name="contact"></ion-icon>
</button>
<button ion-button icon-left solid class="activated">

6
src/components/toolbar/toolbar.ios.scss
View File

@@ -113,6 +113,12 @@ ion-footer .toolbar-ios:last-child .toolbar-background,
.bar-button-default-ios {
color: $color-contrast;
}
@each $color-name, $color-base, $color-contrast in get-colors($colors-ios) {
@include ios-bar-button-default($color-name, $color-base, $color-contrast);
@include ios-bar-button-outline($color-name, $color-base, $color-contrast);
@include ios-bar-button-solid($color-name, $color-base, $color-contrast);
}
}
}