聚合物 v.1 全屏 paper-dialog

Question

我正在将一个旧的 Stocks 应用程序从 JQM 转换为 Polymer v.1，我想知道是否有一种简单的方法可以全屏打开对话框。我检查了文档，也许我错过了一些东西，因为我可以看到全屏对话框的任何引用。

原因是当我点击 header 上的加号按钮搜索并添加股票时，对话框打开正常

然而，当我搜索时，列表会填充，但页面上的对话框不会相应地调整为 fit/position

我有一个解决方法，可以在打开对话框之前在列表中附加空白纸项目

for (i = 0; i < 20; i++) { 
$("#stockslist").append('<paper-item></paper-item>');
}

但我更希望有 class 或正确的 css 我可以添加以全屏打开对话框，没有填充或边距

谢谢

Answer 1

我没有对此进行测试，但您应该可以在对话框元素上设置位置和大小。我在我正在从事的项目中做了类似的事情。

paper-dialog { 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;        
}

Polymer v.1 full screen paper-dialog