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

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

Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Process CSS files too. Created 4 years, 10 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
OLDNEW
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 137 matching lines...) Expand 10 before | Expand all | Expand 10 after
148 148
149 @apply(--paper-header-panel); 149 @apply(--paper-header-panel);
150 } 150 }
151 151
152 #mainContainer { 152 #mainContainer {
153 @apply(--layout-flex); 153 @apply(--layout-flex);
154 154
155 position: relative; 155 position: relative;
156 overflow-y: auto; 156 overflow-y: auto;
157 overflow-x: hidden; 157 overflow-x: hidden;
158 -webkit-overflow-scrolling: touch;
159 } 158 }
160 159
161 #mainPanel { 160 #mainPanel {
162 @apply(--layout-vertical); 161 @apply(--layout-vertical);
163 @apply(--layout-flex); 162 @apply(--layout-flex);
164 163
165 position: relative; 164 position: relative;
166 min-height: 0; 165 min-height: 0;
167 166
168 @apply(--paper-header-panel-body); 167 @apply(--paper-header-panel-body);
169 } 168 }
170 169
171 /* 170 /*
172 * mode: scroll 171 * mode: scroll
173 */ 172 */
174 :host([mode=scroll]) #mainContainer { 173 :host([mode=scroll]) #mainContainer {
175 @apply(--paper-header-panel-scroll-container); 174 @apply(--paper-header-panel-scroll-container);
176 175
177 overflow: visible; 176 overflow: visible;
178 } 177 }
179 178
180 :host([mode=scroll]) { 179 :host([mode=scroll]) {
181 overflow-y: auto; 180 overflow-y: auto;
182 overflow-x: hidden; 181 overflow-x: hidden;
183 -webkit-overflow-scrolling: touch;
184 } 182 }
185 183
186 /* 184 /*
187 * mode: cover 185 * mode: cover
188 */ 186 */
189 :host([mode=cover]) #mainContainer { 187 :host([mode=cover]) #mainContainer {
190 @apply(--paper-header-panel-cover-container); 188 @apply(--paper-header-panel-cover-container);
191 189
192 position: absolute; 190 position: absolute;
193 top: 0; 191 top: 0;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
232 #dropShadow { 230 #dropShadow {
233 @apply(--paper-header-panel-shadow); 231 @apply(--paper-header-panel-shadow);
234 232
235 position: absolute; 233 position: absolute;
236 top: 0; 234 top: 0;
237 left: 0; 235 left: 0;
238 right: 0; 236 right: 0;
239 height: 6px; 237 height: 6px;
240 pointer-events: none; 238 pointer-events: none;
241 239
242 -webkit-transition: opacity 0.5s;
243 transition: opacity 0.5s; 240 transition: opacity 0.5s;
244 241
245 opacity: 0; 242 opacity: 0;
246 } 243 }
247 244
248 #dropShadow.has-shadow { 245 #dropShadow.has-shadow {
249 opacity: 1; 246 opacity: 1;
250 } 247 }
251 </style> 248 </style>
252 249
253 <content id="headerContent" select="paper-toolbar, .paper-header"></content> 250 <content id="headerContent" select="paper-toolbar, .paper-header"></content>
254 251
255 <div id="mainPanel"> 252 <div id="mainPanel">
256 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]"> 253 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
257 <content id="mainContent" select="*"></content> 254 <content id="mainContent" select="*"></content>
258 </div> 255 </div>
259 <div id="dropShadow"></div> 256 <div id="dropShadow"></div>
260 </div> 257 </div>
261 </template> 258 </template>
262 259
263 </dom-module> 260 </dom-module>
264 <script src="paper-header-panel-extracted.js"></script></body></html> 261 <script src="paper-header-panel-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698