将 mat-dialog-container padding 设置为 0 后获取滚动条

Question

我有一个对话框，它有一个蓝色的顶栏，使用 mat-dialog class 并从 mat-dialog-container 获取一些样式。问题是

的默认样式

mat-dialog-container {
    display: block;
    padding: 24px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
    outline: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}

创建这个

我可以通过创建自己的面板 class 并将其应用于对话框和 ng-deep

来摆脱这个问题

  ::ng-deep .my-custom-dialog-class {
    mat-dialog-container {
      padding: 0;
    }
  }

这修复了我的填充，但产生了一个新问题，即我在对话框的底部看到了一个滚动条 window。我怎样才能避免这种情况，或者除了执行 ng-deep 之外还有其他方法吗？表单的大小没有改变，只有填充设置为 0，我得到了滚动条，所以没有什么可以滚动的？下面是容器的填充设置为 0 时的屏幕截图。

Answer 1

在 mat-dialog-container 中尝试 overflow-x:hidden。

将 mat-dialog-container padding 设置为 0 后获取滚动条

Getting a scroll bar after setting mat-dialog-container padding to 0

css

angular-material