diff --git a/src/cdk/overlay/_overlay.scss b/src/cdk/overlay/_overlay.scss index 87e0565fdad3..9fef62ccadb9 100644 --- a/src/cdk/overlay/_overlay.scss +++ b/src/cdk/overlay/_overlay.scss @@ -6,7 +6,7 @@ $cdk-z-index-overlay: 1000; $cdk-z-index-overlay-backdrop: 1000; // Background color for all of the backdrops -$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.288); +$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32); // Default backdrop animation is based on the Material Design swift-ease-out. $backdrop-animation-duration: 400ms !default; diff --git a/src/demo-app/dialog/dialog-demo.scss b/src/demo-app/dialog/dialog-demo.scss index 0362f55fe973..c57cae78b6b3 100644 --- a/src/demo-app/dialog/dialog-demo.scss +++ b/src/demo-app/dialog/dialog-demo.scss @@ -2,3 +2,12 @@ max-width: 405px; margin: 20px 0; } + +button { + margin-right: 8px; + + [dir='rtl'] & { + margin-left: 8px; + margin-right: 0; + } +} diff --git a/src/lib/dialog/dialog.scss b/src/lib/dialog/dialog.scss index 8e7f2f20f13f..af669b54f7e0 100644 --- a/src/lib/dialog/dialog.scss +++ b/src/lib/dialog/dialog.scss @@ -4,7 +4,7 @@ $mat-dialog-padding: 24px !default; -$mat-dialog-border-radius: 2px !default; +$mat-dialog-border-radius: 4px !default; $mat-dialog-max-height: 65vh !default; $mat-dialog-button-margin: 8px !default; @@ -47,9 +47,11 @@ $mat-dialog-button-margin: 8px !default; } .mat-dialog-actions { - padding: $mat-dialog-padding / 2 0; + padding: 8px 0; display: flex; flex-wrap: wrap; + min-height: 52px; + align-items: center; // Pull the actions down to avoid their padding stacking with the dialog's padding. margin-bottom: -$mat-dialog-padding;