| Index: third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html b/third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html
|
| index 7008187f7173ec69f11def304ca1b97abf6f0f84..485e86829236121c133a75397b421d0ba3c71d46 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html
|
| @@ -63,6 +63,27 @@ With an app-header-layout:
|
| </app-drawer-layout>
|
| ```
|
|
|
| +Add the `drawer-toggle` attribute to elements inside `app-drawer-layout` that toggle the drawer on tap events:
|
| +
|
| +```html
|
| +<app-drawer-layout>
|
| + <app-drawer>
|
| + drawer-content
|
| + </app-drawer>
|
| + <app-header-layout>
|
| + <app-header>
|
| + <app-toolbar>
|
| + <paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
|
| + <div title>App name</div>
|
| + </app-toolbar>
|
| + </app-header>
|
| +
|
| + main content
|
| +
|
| + </app-header-layout>
|
| +</app-drawer-layout>
|
| +```
|
| +
|
| Add the `fullbleed` attribute to app-drawer-layout to make it fit the size of its container:
|
|
|
| ```html
|
| @@ -118,7 +139,7 @@ Custom property | Description
|
|
|
| <content id="drawerContent" select="app-drawer"></content>
|
|
|
| - <iron-media-query query="[[_computeMediaQuery(forceNarrow, responsiveWidth)]]" query-matches="{{_narrow}}"></iron-media-query>
|
| + <iron-media-query query="[[_computeMediaQuery(forceNarrow, responsiveWidth)]]" on-query-matches-changed="_onQueryMatchesChanged"></iron-media-query>
|
| </template>
|
|
|
| </dom-module>
|
|
|