fix(toast): fix highlighting of action buttons

ref #1193
angular · Jan 21, 2015 · 53cffe2 · 53cffe2
1 parent 0f40a84
commit 53cffe2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/src/components/toast/toast-theme.scss b/src/components/toast/toast-theme.scss
@@ -4,15 +4,14 @@ md-toast.md-THEME_NAME-theme {
 
   .md-button {
     color: '{{background-50}}';
-  }
-
-  .md-action {
-    color: '{{primary-A200}}';
-    &.md-accent {
-      color: '{{accent-A200}}';
-    }
-    &.md-warn {
-      color: '{{warn-A200}}';
+    &.md-highlight {
+      color: '{{primary-A200}}';
+      &.md-accent {
+        color: '{{accent-A200}}';
+      }
+      &.md-warn {
+        color: '{{warn-A200}}';
+      }
     }
   }
 }
diff --git a/src/components/toast/toast.js b/src/components/toast/toast.js
@@ -167,7 +167,7 @@ function MdToastProvider($$interimElementProvider) {
           template: [
             '<md-toast ng-class="{\'md-capsule\': toast.capsule}">',
               '<span flex>{{ toast.content }}</span>',
-              '<md-button ng-if="toast.action" ng-click="toast.resolve()" ng-class="{\'md-action\': toast.highlightAction}">',
+              '<md-button class="md-action" ng-if="toast.action" ng-click="toast.resolve()" ng-class="{\'md-highlight\': toast.highlightAction}">',
                 '{{ toast.action }}',
               '</md-button>',
             '</md-toast>'