聚合物纸 - 对话框 - 在阴暗的dom中将大小设置为完整视口?此外,这篇旧文章是否适用于阴暗的dom?

时间:2015-07-12 22:01:49

标签: polymer shady-dom

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

我非常喜欢https://events.google.com/io2015/制作视频的方式。它使用paper-dialog来显示视频并获取完整视口。

我无法使paper-dialog获取完整视口。如图所示,我似乎无法强迫它。我试过了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填充视图端口,就像完成它一样     https://events.google.com/io2015/,我是否需要访问阴暗的dom     使用/deep/::shady执行此操作?似乎<paper-dialog class="fit">会做到这一点。

  3. enter image description here

1 个答案:

答案 0 :(得分:0)

想出来......看了一下源代码,发现了var theMax = points.MaxBy(x => x.X + x.Y);属性....我刚把它改成了0px;