сталкивается с проблемой в Angular MatSnackBar, так как в мобильном телефоне появляется полный экран - PullRequest
Новая
       32

сталкивается с проблемой в Angular MatSnackBar, так как в мобильном телефоне появляется полный экран

0 голосов
/ 19 марта 2019

Я работаю над Angular 7, используя материал Angular:

  • Я использую MatDialog и MatSnackBar в моем приложении
  • Iхотел сделать диалог материалов для мобильных устройств для этого я пишу медиа-запрос для @media only screen and (max-width:576px){:

CSS: 

<style> 
.cdk-overlay-container .cdk-overlay-pane {
        max-width: 100vw !important;
        width: 100% !important;
        height: 100% !important;
}

.cdk-overlay-container .mat-dialog-content {
        max-height: 100vh !important;
}

.mat-dialog-title {
        button {
            line-height: 28px;
            font-size: 0.7em;
            margin-right: 15px;
            margin-top: -27px;
        }
}
</style>

, но в MatSnackBar он конфликтует, что приводит к моемутосты появляются на весь экран мобильного телефона и (max-width: 576px)

...