fix(dialog): use .md-primary color for actions

Closes #2448
angular · Apr 25, 2015 · 4a648d5 · 4a648d5
1 parent 5610dc9
commit 4a648d5
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 17 deletions.
diff --git a/docs/app/partials/view-source.tmpl.html b/docs/app/partials/view-source.tmpl.html
@@ -18,7 +18,7 @@
   </md-dialog-content>
 
   <div class="md-actions" layout="horizontal">
-    <md-button class="md-button-light" ng-click="$hideDialog()">
+    <md-button class="md-primary" ng-click="$hideDialog()">
       Done
     </md-button>
   </div>

diff --git a/src/components/dialog/demoBasicUsage/dialog1.tmpl.html b/src/components/dialog/demoBasicUsage/dialog1.tmpl.html
@@ -23,7 +23,7 @@
       More on Wikipedia
     </md-button>
     <span flex></span>
-    <md-button ng-click="answer('not useful')">
+    <md-button ng-click="answer('not useful')" class="md-primary">
      Not Useful
     </md-button>
     <md-button ng-click="answer('useful')" class="md-primary">

diff --git a/src/components/dialog/dialog.js b/src/components/dialog/dialog.js
@@ -50,18 +50,26 @@ function MdDialogDirective($$rAF, $mdTheming) {
  * @usage
  * <hljs lang="html">
  * <div  ng-app="demoApp" ng-controller="EmployeeController">
- *   <md-button ng-click="showAlert()" class="md-raised md-warn">
- *     Employee Alert!
- *   </md-button>
- *   <md-button ng-click="showDialog($event)" class="md-raised">
- *     Custom Dialog
- *   </md-button>
- *   <md-button ng-click="closeAlert()" ng-disabled="!hasAlert()" class="md-raised">
- *     Close Alert
- *   </md-button>
- *   <md-button ng-click="showGreeting($event)" class="md-raised md-primary" >
- *     Greet Employee
- *   </md-button>
+ *   <div>
+ *     <md-button ng-click="showAlert()" class="md-raised md-warn">
+ *       Employee Alert!
+ *       </md-button>
+ *   </div>
+ *   <div>
+ *     <md-button ng-click="showDialog($event)" class="md-raised">
+ *       Custom Dialog
+ *       </md-button>
+ *   </div>
+ *   <div>
+ *     <md-button ng-click="closeAlert()" ng-disabled="!hasAlert()" class="md-raised">
+ *       Close Alert
+ *     </md-button>
+ *   </div>
+ *   <div>
+ *     <md-button ng-click="showGreeting($event)" class="md-raised md-primary" >
+ *       Greet Employee
+ *       </md-button>
+ *   </div>
  * </div>
  * </hljs>
  *
@@ -110,7 +118,7 @@ function MdDialogDirective($$rAF, $mdTheming) {
  *            '    </md-list>'+
  *            '  </md-dialog-content>' +
  *            '  <div class="md-actions">' +
- *            '    <md-button ng-click="closeDialog()">' +
+ *            '    <md-button ng-click="closeDialog()" class="md-primary">' +
  *            '      Close Dialog' +
  *            '    </md-button>' +
  *            '  </div>' +
@@ -189,7 +197,7 @@ function MdDialogDirective($$rAF, $mdTheming) {
  *             '  <md-dialog-content>Hello {{ employee }}!</md-dialog-content>' +
  *
  *             '  <div class="md-actions">' +
- *             '    <md-button ng-click="closeDialog()">' +
+ *             '    <md-button ng-click="closeDialog()" class="md-primary">' +
  *             '      Close Greeting' +
  *             '    </md-button>' +
  *             '  </div>' +
@@ -358,7 +366,8 @@ function MdDialogProvider($$interimElementProvider) {
             '<p>{{ dialog.content }}</p>',
           '</md-dialog-content>',
           '<div class="md-actions">',
-            '<md-button ng-if="dialog.$type == \'confirm\'" ng-click="dialog.abort()">',
+            '<md-button ng-if="dialog.$type == \'confirm\'"' +
+                      ' ng-click="dialog.abort()" class="md-primary">',
               '{{ dialog.cancel }}',
             '</md-button>',
             '<md-button ng-click="dialog.hide()" class="md-primary">',