将 ui-bootstrap 模式限制为窗口高度

Question

如何阻止长模态框出现在首屏下方？我希望模态完全可见并始终显示提交取消按钮。有没有一种简单的方法可以使用 ui-bootstrap 实现这一目标？

Answer 1

这是我用于此的 css

.modal-dialog {
    height:calc(100% - 60px);
}
    .modal-dialog .modal-content {
        height: 100%;
    }
        .modal-dialog .modal-content .modal-body {
            height: calc(100% - 120px);
            overflow-y:scroll;
        }

http://caniuse.com/#feat=calc