third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html - Issue 1862213002: Roll third_party/polymer.

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html

Issue 1862213002: Roll third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Remove obsolete appearance_browsertest.js, result of a previous bad merge. Created 4 years, 8 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 unified diff | Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-header-panel/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-icon-button/bower.json » ('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 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

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

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

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

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

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

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

9 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">	9 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

10	10

(...skipping 106 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
117 Custom property \| Description \| Default	117 Custom property \| Description \| Default

118 ----------------\|-------------\|----------	118 ----------------\|-------------\|----------

119 `--paper-header-panel` \| Mixin applied to the element \| `{}`	119 `--paper-header-panel` \| Mixin applied to the element \| `{}`

120 `--paper-header-panel-body` \| Mixin applied to the element's body (i.e. everythi ng below the toolbar) \| `{}`	120 `--paper-header-panel-body` \| Mixin applied to the element's body (i.e. everythi ng below the toolbar) \| `{}`

121 `--paper-header-panel-scroll-container` \| Mixin applied to the container when in scroll mode \| `{}`	121 `--paper-header-panel-scroll-container` \| Mixin applied to the container when in scroll mode \| `{}`

122 `--paper-header-panel-cover-container` \| Mixin applied to the container when in cover mode \| `{}`	122 `--paper-header-panel-cover-container` \| Mixin applied to the container when in cover mode \| `{}`

123 `--paper-header-panel-standard-container` \| Mixin applied to the container when in standard mode \| `{}`	123 `--paper-header-panel-standard-container` \| Mixin applied to the container when in standard mode \| `{}`

124 `--paper-header-panel-seamed-container` \| Mixin applied to the container when in seamed mode \| `{}`	124 `--paper-header-panel-seamed-container` \| Mixin applied to the container when in seamed mode \| `{}`

125 `--paper-header-panel-waterfall-container` \| Mixin applied to the container when in waterfall mode \| `{}`	125 `--paper-header-panel-waterfall-container` \| Mixin applied to the container when in waterfall mode \| `{}`

126 `--paper-header-panel-waterfall-tall-container` \| Mixin applied to the container when in tall waterfall mode \| `{}`	126 `--paper-header-panel-waterfall-tall-container` \| Mixin applied to the container when in tall waterfall mode \| `{}`

	127 `--paper-header-panel-shadow` \| Mixin applied to the waterfall shadow \| `{}`

127	128

128 @group Paper Elements	129 @group Paper Elements

129 @element paper-header-panel	130 @element paper-header-panel

130 @demo demo/index.html	131 @demo demo/index.html

131 @hero hero.svg	132 @hero hero.svg

132 -->	133 -->

133	134

134 </head><body><dom-module id="paper-header-panel">	135 </head><body><dom-module id="paper-header-panel">

135 <template>	136 <template>

136 <style>	137 <style>

137 :host {	138 :host {

138 --paper-header-panel-shadow: {

139 height: 6px;

140 bottom: -6px;

141 box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);

142 };

143

144 @apply(--layout-vertical);	139 @apply(--layout-vertical);

145	140

146 position: relative;	141 position: relative;

147 height: 100%;	142 height: 100%;

148	143

149 @apply(--paper-header-panel);	144 @apply(--paper-header-panel);

150 }	145 }

151	146

152 #mainContainer {	147 #mainContainer {

153 @apply(--layout-flex);	148 @apply(--layout-flex);

(...skipping 69 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
223 }	218 }

224	219

225 /*	220 /*

226 * mode: waterfall-tall	221 * mode: waterfall-tall

227 */	222 */

228 :host([mode=waterfall-tall]) #mainContainer {	223 :host([mode=waterfall-tall]) #mainContainer {

229 @apply(--paper-header-panel-waterfall-tall-container);	224 @apply(--paper-header-panel-waterfall-tall-container);

230 }	225 }

231	226

232 #dropShadow {	227 #dropShadow {

	228 transition: opacity 0.5s;

	229 height: 6px;

	230 box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);

	231

233 @apply(--paper-header-panel-shadow);	232 @apply(--paper-header-panel-shadow);

234	233

235 position: absolute;	234 position: absolute;

236 top: 0;	235 top: 0;

237 left: 0;	236 left: 0;

238 right: 0;	237 right: 0;

239 height: 6px;	238 opacity: 0;

240 pointer-events: none;	239 pointer-events: none;

241

242 -webkit-transition: opacity 0.5s;

243 transition: opacity 0.5s;

244

245 opacity: 0;

246 }	240 }

247	241

248 #dropShadow.has-shadow {	242 #dropShadow.has-shadow {

249 opacity: 1;	243 opacity: 1;

250 }	244 }

251 </style>	245 </style>

252	246

253 <content id="headerContent" select="paper-toolbar, .paper-header"></content>	247 <content id="headerContent" select="paper-toolbar, .paper-header"></content>

254	248

255 <div id="mainPanel">	249 <div id="mainPanel">

256 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">	250 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">

257 <content id="mainContent" select="*"></content>	251 <content id="mainContent" select="*"></content>

258 </div>	252 </div>

259 <div id="dropShadow"></div>	253 <div id="dropShadow"></div>

260 </div>	254 </div>

261 </template>	255 </template>

262	256

263 </dom-module>	257 </dom-module>

264 <script src="paper-header-panel-extracted.js"></script></body></html>	258 <script src="paper-header-panel-extracted.js"></script></body></html>

OLD	NEW