Fixed SnackBar bug

This commit is contained in:
Alicia Sykes
2018-03-03 23:12:46 +00:00
parent a7f9f35c4d
commit 11eb71cf75
2 changed files with 13 additions and 2 deletions

View File

@@ -4,12 +4,13 @@ import {Router, ActivatedRoute} from "@angular/router";
import {TeamService} from "../../services/team.service";
import {AllTeamsService} from "../../services/all-teams.service";
import { MatDialogModule, MatDialog } from "@angular/material/dialog";
import {MatSnackBarModule, MatSnackBar} from "@angular/material/snack-bar";
import {MatSnackBarModule, MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar";
import { MatMenuModule } from "@angular/material/menu";
import {AppFeedbackComponent} from "../app-feedback/app-feedback";
import {AppHelpComponent} from "../app-help/app-help";
import { Angulartics2 } from 'angulartics2';
import {message} from "gulp-typescript/release/utils";
@Component({
selector: "navbar",
@@ -80,7 +81,10 @@ export class NavbarComponent {
}
showFeatureUnavailableToast() {
this.snackBar.open('Feature still under development, or not available on demo', 'Got it');
let config = new MatSnackBarConfig();
config.duration = 1500;
config.extraClasses = ['feature-still-under-dev-toast'];
this.snackBar.open('Feature still under development, or not available on demo', 'Got it', config);
this.trackNavigationAnalyticEvents('TriedToAccessAlphaComponent');
}

View File

@@ -107,3 +107,10 @@ button mat-icon{
margin-right: 0.4em;
opacity: 0.9;
}
/deep/ snack-bar-container.feature-still-under-dev-toast {
background: $dark-grey;
color: $super-light-grey;
button{ color: $primary-color; }
}