angular-material-components icon indicating copy to clipboard operation
angular-material-components copied to clipboard

Resizing issues with actions

Open iamkinetic opened this issue 1 year ago • 1 comments

You can use your own example (Datetime picker with actions buttons) to reproduce the bug:

https://h2qutc.github.io/angular-material-components/#/datetimepicker

On some resolution, the dialog is incorrectly resized which makes the buttons float under the dialog like so :

image

iamkinetic avatar Sep 11 '23 17:09 iamkinetic

The max-height in this css seems to be the problem:

.mat-datepicker-content-touch .mat-datepicker-content-container {
    min-height: 312px;
    max-height: 815px;
    min-width: 250px;
    max-width: 750px;
}

If i remove it, the dialog seems to be correctly displayed.

iamkinetic avatar Sep 11 '23 18:09 iamkinetic