有没有办法让 <paper-toolbar> 使用 Polymer Starter Kit 占据屏幕的整个宽度？

Question

我希望我的 <paper-toolbar> 像这样跨越整个页面宽度：

但是，Polymer Starter Kit <paper-menu> 占据了左上角的左边距，如下所示：

问题

How do I get my Polymer Starter Kit to look like the first picture and not the second?

即<paper-toolbar>填满整个屏幕宽度。
我还是想保留<paper-menu>和drawer效果。我只想要它在 <paper-toolbar>.
如果可能的话，你能在你的答案中包含一个 Plunker 或 JSBin 吗？

Answer 1

您只需在 paper-header-panel 中插入一个 paper-drawer-panel。

http://jsbin.com/jamelu/edit?html,output

Answer 2

对我有用的是将 PSK <paper-drawer-panel> 包裹在 <paper-header-panel> 中，就像@NeilJohnRamal 建议的那样。

像这样...

代码

<body>  
  <template is="dom-bind" id="app">
    <paper-header-panel>
      <paper-toolbar>
        <div class="middle paper-font-display2 app-name">My App</div>
      </paper-toolbar>
      <div class="fit">
        <paper-drawer-panel>
          <div drawer>
            <paper-menu>...</paper-menu>
          </div>
          <paper-header-panel main>
            <!-- Main Content -->
            <div class="content fit">
              <iron-pages attr-for-selected="data-route" selected="{{route}}">                                                
                <section data-route="page01">
                  <my-custom-element></my-custom-element>
                </section>
              </iron-pages>
            </div>
          </paper-header-panel>
        </paper-drawer-panel>
      </div>
    </paper-header-panel>
  </template>
  <script src="scripts/app.js"></script>
</body>

有没有办法让 <paper-toolbar> 使用 Polymer Starter Kit 占据屏幕的整个宽度？

Is there a way to get <paper-toolbar> to take up the entire width of the screen using Polymer Starter Kit?

android

ios

polymer

polymer-1.0

mobile-application

问题

代码