Skip to content

Commit fec58ba

Browse files
committed
Use mat-button in simple snack bar.
1 parent cef1eba commit fec58ba

File tree

3 files changed

+17
-10
lines changed

3 files changed

+17
-10
lines changed
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{{data.message}}
22

3-
<button
4-
class="mat-simple-snackbar-action"
5-
*ngIf="hasAction"
6-
(click)="action()">{{data.action}}</button>
3+
<div class="mat-simple-snackbar-action">
4+
<button mat-button *ngIf="hasAction"
5+
(click)="action()">{{data.action}}</button>
6+
</div>

src/lib/snack-bar/simple-snack-bar.scss

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@import '../core/style/button-common';
33
@import '../core/style/list-common';
44

5-
$mat-snack-bar-button-margin: 48px !default;
5+
$mat-snack-bar-button-margin: 8px !default;
66

77
.mat-simple-snackbar {
88
display: flex;
@@ -11,14 +11,19 @@ $mat-snack-bar-button-margin: 48px !default;
1111
}
1212

1313
.mat-simple-snackbar-action {
14-
@include mat-button-reset;
15-
16-
background: none;
14+
display: flex;
15+
flex-direction: column;
1716
flex-shrink: 0;
18-
margin-left: $mat-snack-bar-button-margin;
17+
justify-content: space-around;
18+
margin: -8px 0 -8px $mat-snack-bar-button-margin;
19+
20+
button {
21+
flex: 1;
22+
max-height: 36px;
23+
}
1924

2025
[dir='rtl'] & {
21-
margin-right: $mat-snack-bar-button-margin;
2226
margin-left: 0;
27+
margin-right: $mat-snack-bar-button-margin;
2328
}
2429
}

src/lib/snack-bar/snack-bar-module.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import {OverlayModule} from '@angular/cdk/overlay';
1212
import {PortalModule} from '@angular/cdk/portal';
1313
import {LIVE_ANNOUNCER_PROVIDER} from '@angular/cdk/a11y';
1414
import {MatCommonModule} from '@angular/material/core';
15+
import {MatButtonModule} from '@angular/material/button';
1516
import {MatSnackBar} from './snack-bar';
1617
import {MatSnackBarContainer} from './snack-bar-container';
1718
import {SimpleSnackBar} from './simple-snack-bar';
@@ -22,6 +23,7 @@ import {SimpleSnackBar} from './simple-snack-bar';
2223
OverlayModule,
2324
PortalModule,
2425
CommonModule,
26+
MatButtonModule,
2527
MatCommonModule,
2628
],
2729
exports: [MatSnackBarContainer, MatCommonModule],

0 commit comments

Comments
 (0)