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(bottom-sheet): handle overflowing content (#10533)

Browse Source 
Implements the `max-width` for the bottom sheet based on the spec and adds a `max-height`, in order for it to handle large amounts of content correctly.
This commit is contained in:
Kristiyan Kostadinov
2018-03-27 17:59:35 +02:00
committed by Joey Perrott
parent c469556346
commit cb6d469e0d
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/bottom-sheet/bottom-sheet-container.scss
+5
View File
@@ -17,6 +17,8 @@ $mat-bottom-sheet-container-horizontal-padding: 16px !default;
box-sizing: border-box;
display: block;
outline: 0;
max-height: 80vh;
overflow: auto;
@include cdk-high-contrast {
outline: 1px solid;
@@ -25,12 +27,15 @@ $mat-bottom-sheet-container-horizontal-padding: 16px !default;
.mat-bottom-sheet-container-medium {
min-width: $_mat-bottom-sheet-width-increment * 6;
max-width: calc(100vw - #{$_mat-bottom-sheet-width-increment * 2});
}
.mat-bottom-sheet-container-large {
min-width: $_mat-bottom-sheet-width-increment * 8;
max-width: calc(100vw - #{$_mat-bottom-sheet-width-increment * 4});
}
.mat-bottom-sheet-container-xlarge {
min-width: $_mat-bottom-sheet-width-increment * 9;
max-width: calc(100vw - #{$_mat-bottom-sheet-width-increment * 6});
}