Polymer 如何设置纸张对话框在整个页面上的显示

在我的应用程序中，我使用聚合物。应用程序由左部分和右部分组成。在右边有一个按钮，当点击按钮时，纸张对话框将出现在右边。但是我希望它出现在整个页面上。我该怎么办

代码是吹

<link rel="import" href="bower_components/paper-dialog/paper-dialog.html">

        <paper-dialog id="allActAddModal"  style="width:80%;max-height:90%;margin-top:-2.5%" with-backdrop>
                   <act-create-all id="actAdd" on-save-ok="handleSaveOkTapped">
                    </act-create-all>
            </paper-dialog>

    <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
                    <a class="btn-floating btn-large red" on-click="handleAddAct">
                        <i class="large mdi-content-add"></i>
                    </a>
                </div>

        handleAddAct: function(event) {
            this.$.allActAddModal.toggle();
        }

HandLeadDCT：功能（事件）{
这是$.allActAddModal.toggle（）；
}

当网格转换到半页时，在Polymer neon动画演示中存在。您可以使用此示例来解决任务

我们可以帮你写下一封信

"neon-elements": "PolymerElements/neon-elements#master",
"web-animations-js": "web-animations/web-animations-js#2.0.0"

在bower_components/neon animation/demo/grid中，您可以找到所需内容

附言

---

“web animations js”：“web animations/web animations js#2.0.0”需要解决Google Chrome中当网格转换到半页时动画无法工作的错误。您可以使用此示例来解决任务

我们可以帮你写下一封信

"neon-elements": "PolymerElements/neon-elements#master",
"web-animations-js": "web-animations/web-animations-js#2.0.0"

在bower_components/neon animation/demo/grid中，您可以找到所需内容

附言 “web动画js”：“web动画/web动画js#2.0.0”需要解决Google Chrome中动画不工作时的错误