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

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

Powered by Google App Engine
This is Rietveld 408576698