polymer 纸张对话框 - 在 shady dom 中将尺寸设置为全视口(viewport)？另外，这篇旧文章适用于 shady dom 吗？

Question

我正在使用Poylmer 1.0，但我仍然阅读https://www.polymer-project.org/0.5/articles/styling-elements.html#cat 。有谁知道同样的逻辑是否适用于 Shady统治？

我真的很喜欢这种方式https://events.google.com/io2015/做了他们的视频。它使用 paper-dialog显示视频并获取整个视口(viewport)。

我很麻烦paper-dialog获取完整视口(viewport)。如图所示，我似乎无法强制它。我已经尝试过top: 0px; bottom 0px; left: 0px, right: 0px但这会破坏这种行为。 fit给了我迄今为止在图像中看到的最接近的外观。

  <paper-dialog class="video-dialog fit">
   <div class="layout horizontal">
    <paper-button dialog-dismiss>
      <paper-icon-button icon="arrow-back"></paper-icon-button>
    </paper-button>
  </div>
    <div style="height: 100%; width: 100%">
      <google-youtube style="height: 100%;"
        video-id="YMWd7QnXY8E"
        rel="1"
        start="5"
        playsinline="0"
        controls="2"
        showinfo="0"
        width="100%"
        height="100%"
        autoplay="1">
      </google-youtube>
  </paper-dialog>

请提问:

1. 只是为了确认，paper-dialog 的所有子代都在 light dom ， 正确的？

2. 为了使paper-dialog像在中完成的那样填充视口(viewport) https://events.google.com/io2015/ ，我需要访问 shady dom 与 /deep/或::shady去做这个？看来<paper-dialog
class="fit">我会这样做。

Answer 1

弄清楚了......查看源代码并发现其中的margin属性......我只是将其更改为0px；