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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-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
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-shared-styles.html ('k') | third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu.html » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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-media-query/iron-media-query.html"> 9 <link rel="import" href="../iron-media-query/iron-media-query.html">
10 <link rel="import" href="../iron-selector/iron-selector.html"> 10 <link rel="import" href="../iron-selector/iron-selector.html">
(...skipping 128 matching lines...) Expand 10 before | Expand all | Expand 10 after
139 overflow: hidden; 139 overflow: hidden;
140 } 140 }
141 141
142 iron-selector > #drawer { 142 iron-selector > #drawer {
143 position: absolute; 143 position: absolute;
144 top: 0; 144 top: 0;
145 left: 0; 145 left: 0;
146 height: 100%; 146 height: 100%;
147 background-color: white; 147 background-color: white;
148 148
149 -moz-box-sizing: border-box;
150 box-sizing: border-box; 149 box-sizing: border-box;
151 150
152 @apply(--paper-drawer-panel-drawer-container); 151 @apply(--paper-drawer-panel-drawer-container);
153 } 152 }
154 153
155 .transition > #drawer { 154 .transition > #drawer {
156 transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;
157 transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibili ty 0.3s; 155 transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibili ty 0.3s;
158 } 156 }
159 157
160 .left-drawer > #drawer { 158 .left-drawer > #drawer {
161 @apply(--paper-drawer-panel-left-drawer-container); 159 @apply(--paper-drawer-panel-left-drawer-container);
162 } 160 }
163 161
164 .right-drawer > #drawer { 162 .right-drawer > #drawer {
165 left: auto; 163 left: auto;
166 right: 0; 164 right: 0;
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
221 219
222 .right-drawer.narrow-layout > #drawer.iron-selected { 220 .right-drawer.narrow-layout > #drawer.iron-selected {
223 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15); 221 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
224 } 222 }
225 223
226 .narrow-layout > #drawer > ::content > [drawer] { 224 .narrow-layout > #drawer > ::content > [drawer] {
227 border: 0; 225 border: 0;
228 } 226 }
229 227
230 .left-drawer.narrow-layout > #drawer:not(.iron-selected) { 228 .left-drawer.narrow-layout > #drawer:not(.iron-selected) {
231 -webkit-transform: translateX(-100%);
232 transform: translateX(-100%); 229 transform: translateX(-100%);
233 } 230 }
234 231
235 .right-drawer.narrow-layout > #drawer:not(.iron-selected) { 232 .right-drawer.narrow-layout > #drawer:not(.iron-selected) {
236 left: auto; 233 left: auto;
237 visibility: hidden; 234 visibility: hidden;
238 235
239 -webkit-transform: translateX(100%);
240 transform: translateX(100%); 236 transform: translateX(100%);
241 } 237 }
242 238
243 .right-drawer.narrow-layout.dragging > #drawer:not(.iron-selected), 239 .right-drawer.narrow-layout.dragging > #drawer:not(.iron-selected),
244 .right-drawer.narrow-layout.peeking > #drawer:not(.iron-selected) { 240 .right-drawer.narrow-layout.peeking > #drawer:not(.iron-selected) {
245 visibility: visible; 241 visibility: visible;
246 } 242 }
247 243
248 .narrow-layout > #main { 244 .narrow-layout > #main {
249 padding: 0; 245 padding: 0;
250 } 246 }
251 247
252 .right-drawer.narrow-layout > #main { 248 .right-drawer.narrow-layout > #main {
253 left: 0; 249 left: 0;
254 right: 0; 250 right: 0;
255 } 251 }
256 252
257 .narrow-layout > #main:not(.iron-selected) > #scrim, 253 .narrow-layout > #main:not(.iron-selected) > #scrim,
258 .dragging > #main > #scrim { 254 .dragging > #main > #scrim {
259 visibility: visible; 255 visibility: visible;
260 opacity: var(--paper-drawer-panel-scrim-opacity, 1); 256 opacity: var(--paper-drawer-panel-scrim-opacity, 1);
261 } 257 }
262 258
263 .narrow-layout > #main > * { 259 .narrow-layout > #main > * {
264 margin: 0; 260 margin: 0;
265 min-height: 100%; 261 min-height: 100%;
266 left: 0; 262 left: 0;
267 right: 0; 263 right: 0;
268 264
269 -moz-box-sizing: border-box;
270 box-sizing: border-box; 265 box-sizing: border-box;
271 } 266 }
272 267
273 iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] { 268 iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
274 display: none; 269 display: none;
275 } 270 }
276 </style> 271 </style>
277 272
278 <iron-media-query id="mq" on-query-matches-changed="_onQueryMatchesChanged" query="[[_computeMediaQuery(forceNarrow, responsiveWidth)]]"> 273 <iron-media-query id="mq" on-query-matches-changed="_onQueryMatchesChanged" query="[[_computeMediaQuery(forceNarrow, responsiveWidth)]]">
279 </iron-media-query> 274 </iron-media-query>
280 275
281 <iron-selector attr-for-selected="id" class$="[[_computeIronSelectorClass(na rrow, _transition, dragging, rightDrawer, peeking)]]" activate-event="" selected ="[[selected]]"> 276 <iron-selector attr-for-selected="id" class$="[[_computeIronSelectorClass(na rrow, _transition, dragging, rightDrawer, peeking)]]" activate-event="" selected ="[[selected]]">
282 277
283 <div id="main" style$="[[_computeMainStyle(narrow, rightDrawer, drawerWidt h)]]" on-transitionend="_onMainTransitionEnd"> 278 <div id="main" style$="[[_computeMainStyle(narrow, rightDrawer, drawerWidt h)]]" on-transitionend="_onMainTransitionEnd">
284 <content select="[main]"></content> 279 <content select="[main]"></content>
285 <div id="scrim" on-tap="closeDrawer"></div> 280 <div id="scrim" on-tap="closeDrawer"></div>
286 </div> 281 </div>
287 282
288 <div id="drawer" style$="[[_computeDrawerStyle(drawerWidth)]]"> 283 <div id="drawer" style$="[[_computeDrawerStyle(drawerWidth)]]">
289 <content select="[drawer]"></content> 284 <content select="[drawer]"></content>
290 </div> 285 </div>
291 286
292 </iron-selector> 287 </iron-selector>
293 </template> 288 </template>
294 289
295 </dom-module> 290 </dom-module>
296 <script src="paper-drawer-panel-extracted.js"></script></body></html> 291 <script src="paper-drawer-panel-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-shared-styles.html ('k') | third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu.html » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698