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

… default color fixes #8566
ionic-team · Nov 10, 2016 · 0e53ec3 · 0e53ec3
1 parent b00860b
commit 0e53ec3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/toolbar/test/colors/main.html b/src/components/toolbar/test/colors/main.html
@@ -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">

diff --git a/src/components/toolbar/toolbar.ios.scss b/src/components/toolbar/toolbar.ios.scss
@@ -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);
+    }
   }
 }