third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout.html - Issue 2074813002: Roll Polymer

Side by Side 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:

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/app-layout/app-box/app-box-extracted.js ('k') | third_party/polymer/v1_0/components-chromium/app-layout/app-drawer-layout/app-drawer-layout-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../../polymer/polymer.html">	9 --><html><head><link rel="import" href="../../polymer/polymer.html">

10 <link rel="import" href="../../iron-media-query/iron-media-query.html">	10 <link rel="import" href="../../iron-media-query/iron-media-query.html">

(...skipping 45 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
56 <div title>App name</div>	56 <div title>App name</div>

57 </app-toolbar>	57 </app-toolbar>

58 </app-header>	58 </app-header>

59	59

60 main content	60 main content

61	61

62 </app-header-layout>	62 </app-header-layout>

63 </app-drawer-layout>	63 </app-drawer-layout>

64 ```	64 ```

65	65

	66 Add the `drawer-toggle` attribute to elements inside `app-drawer-layout` that to ggle the drawer on tap events:

	67

	68 ```html

	69 <app-drawer-layout>

	70 <app-drawer>

	71 drawer-content

	72 </app-drawer>

	73 <app-header-layout>

	74 <app-header>

	75 <app-toolbar>

	76 <paper-icon-button icon="menu" drawer-toggle></paper-icon-button>

	77 <div title>App name</div>

	78 </app-toolbar>

	79 </app-header>

	80

	81 main content

	82

	83 </app-header-layout>

	84 </app-drawer-layout>

	85 ```

	86

66 Add the `fullbleed` attribute to app-drawer-layout to make it fit the size of it s container:	87 Add the `fullbleed` attribute to app-drawer-layout to make it fit the size of it s container:

67	88

68 ```html	89 ```html

69 <app-drawer-layout fullbleed>	90 <app-drawer-layout fullbleed>

70 <app-drawer>	91 <app-drawer>

71 drawer content	92 drawer content

72 </app-drawer>	93 </app-drawer>

73 <div>	94 <div>

74 main content	95 main content

75 </div>	96 </div>

(...skipping 35 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
111 display: none;	132 display: none;

112 }	133 }

113 </style>	134 </style>

114	135

115 <div id="contentContainer">	136 <div id="contentContainer">

116 <content select=":not(app-drawer)"></content>	137 <content select=":not(app-drawer)"></content>

117 </div>	138 </div>

118	139

119 <content id="drawerContent" select="app-drawer"></content>	140 <content id="drawerContent" select="app-drawer"></content>

120	141

121 <iron-media-query query="[[_computeMediaQuery(forceNarrow, responsiveWidth)] ]" query-matches="{{_narrow}}"></iron-media-query>	142 <iron-media-query query="[[_computeMediaQuery(forceNarrow, responsiveWidth)] ]" on-query-matches-changed="_onQueryMatchesChanged"></iron-media-query>

122 </template>	143 </template>

123	144

124 </dom-module>	145 </dom-module>

125 <script src="app-drawer-layout-extracted.js"></script></body></html>	146 <script src="app-drawer-layout-extracted.js"></script></body></html>

OLD	NEW