Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1398)

Unified Diff: third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html

Issue 2074813002: Roll Polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: chromium.patch Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698