angularjs - 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白のパディングや背景色が存在しないことを除いて、透明なテーマは似ています。

灰色のバーと白いバーが重なっているのが見えます。リップサムのテキストは、閉じるリンクのある灰色のバーの上にあります。これは、フルサイズの仕様が無視されていることを意味します。

ダイアログが全画面表示になるように修正するにはどうすればよいですか?