2

我需要全屏尺寸的对话框。我试过这个：

/*CSS*/
.ngdialog-content {
    width: 100%;
    height: 100%;
}

.gmap-display {
    margin: 0 0 -32px;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
}

.gmap-footer {
    padding: 8px;
    box-sizing: border-box;
    height: 32px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    background-color: gray;
}

/*JS*/
ngDialog.open({
    template: 'templates/MapDialog.html',
    className: 'ngdialog-theme-transparent',
    showClose: false,
    scope: $s
});

/*Template*/
<div class="gmap-display">
    Lorem ipsum dolor sit amet
</div>
<div class="gmap-footer">
    <a href="#" ng-click="closeThisDialog(0)">Cerrar</a>
</div>

plain除了没有填充或白色背景色之外，透明主题就像这样。

我看到的是一个灰色条和一个白色条重叠：lipsum 文本位于灰色条上方，带有关闭链接。这意味着：全尺寸规格被忽略。

如何修复它以使对话框扩展到全屏？

4

0 回答 0