如何让ngDialog扩展到全屏？

Question

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

/*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类似，但不存在填充或白色背景颜色。

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

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