single core-toolbar for core-drawer-panel

http://stackoverflow.com/questions/27382341/polymer-layout-toolbar-core-drawer-panel

by kreide

HTML

<link rel="import" href="http://www.polymer-project.org/0.5/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/paper-elements/paper-elements.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/core-elements/core-elements.html">

<body fullbleed layout vertical>
    <core-header-panel flex>
        <core-toolbar>
          <div>Hello World!</div>
        </core-toolbar>
        <div class="content">
            <core-drawer-panel>
                <section drawer>Left</section>
                <section main>Right</section>
            </core-drawer-panel>
        </div>
    </core-header-panel>
</body>

CSS

html, body {
  height: 100%;
  margin: 0;
}
core-header-panel {
  height: 100%;
}
[drawer] {
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
}

[main] {
    height: 100%;
    background-color: rgb(231, 238, 238);
}