【问题标题】:I want modify dialog height and maintain the background我想修改对话框高度并保持背景
【发布时间】:2020-02-20 12:21:19
【问题描述】:

我想调整现有对话框的高度,但保持可滚动和背景颜色,目前如果我给它高度,那么背景颜色只会在指定高度展开,如果向下滚动,那么高度就会丢失。

这里是对话框高度的代码:

  @media (min-width: 768px) {
    .dialog-layout-modal-body {
    max-height: 662px;
  }
}

如果我给它一个背景颜色,那么它会以全屏宽度填充,我不希望这样。

有什么办法让背景颜色变低,但是我可以调整对话框的高度?

【问题讨论】:

  • 您能否用最少的 HTML 代码详细说明...如果没有计算高度,请为模态主体提供“溢出:隐藏”或“浮动:左;宽度:100%”
  • 此对话框是在另一个组件中创建的,我只想在该特定组件中进行修改。 @manoj
  • 我希望对话框具有一定的高度但可以滚动。
  • 尝试溢出:自动
  • 这解决了我的问题,非常感谢@manoj

标签: css angular dialog


【解决方案1】:
@media (min-width: 768px) {
    .dialog-layout-modal-body { overflow-y: auto;}
}

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多