skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(dialog): actions not being pulled down when trapping focus (#10007)

Browse Source 
Fixes the dialog action buttons not being pulled down to the correct spacing when there is a focus trap around the actions container. These changes remove the `:last-child` selector, because it is easy to break and the actions are intended to always be placed at the bottom of a dialog anyway.

Fixes #9722.
This commit is contained in:
Kristiyan Kostadinov
2018-02-26 16:04:34 +01:00
committed by Jeremy Elbourn
parent 900716aaf7
commit 8a402d06d2
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/dialog/dialog.scss
+2 -6
View File
@@ -46,12 +46,8 @@ $mat-dialog-button-margin: 8px !default;
display: flex;
flex-wrap: wrap;
&:last-child {
// If the actions are the last element in a dialog, we need to pull them down
// over the dialog padding, in order to avoid the action's padding stacking
// with the dialog's.
margin-bottom: -$mat-dialog-padding;
}
// Pull the actions down to avoid their padding stacking with the dialog's padding.
margin-bottom: -$mat-dialog-padding;
&[align='end'] {
justify-content: flex-end;