feat(examples): theme todo notifications

closes #72
tomastrajan · Mar 17, 2018 · 075bef9 · 075bef9
1 parent 80a81fe
commit 075bef9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/app/examples/todos/todos.component.scss-theme.scss b/src/app/examples/todos/todos.component.scss-theme.scss
@@ -18,4 +18,17 @@
       }
     }
   }
+
+  .todos-notification-overlay {
+    .mat-simple-snackbar {
+      align-items: center;
+
+      button {
+        padding: 10px 20px;
+        border-radius: 2px;
+        background-color: mat-color($accent);
+        color: mat-color($accent, default-contrast);
+      }
+    }
+  }
 }
diff --git a/src/app/examples/todos/todos.component.ts b/src/app/examples/todos/todos.component.ts
@@ -97,7 +97,8 @@ export class TodosComponent implements OnInit, OnDestroy {
 
   private showNotification(message: string, action?: string) {
     return this.snackBar.open(message, action, {
-      duration: 3000
+      duration: 2500,
+      panelClass: 'todos-notification-overlay'
     });
   }
 }