javascript - 增加 MatBottomSheet 的宽度？

Question

以下 CSS 增加了高度但没有增加宽度:

.mat-bottom-sheet-container {
  min-height: 100vh;
  min-width: 100vw;
  margin-top: 80px;
}

有人知道如何增加 MatBottomSheet 的宽度吗？ Stackblitz new window demo.

请注意，演示必须在新窗口中运行(在新窗口中打开)才能看到 MatBottomSheet 不是完整 View 。

Answer 1

这是因为您将 mat-bottom-sheet-container-large 应用于具有 css 的同一元素

.mat-bottom-sheet-container-large {
     min-width: 512px;
     max-width: calc(100vw - 256px); 
}

删除此类或将 !important 属性添加到 mat-bottom-sheet-container 类中的 min-width

.mat-bottom-sheet-container {
  min-height: 100vh;
  min-width: 100vw !important;
  margin-top: 80px;
}