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

Side by Side Diff: chrome/browser/resources/md_history/lazy_load.vulcanized.html

Issue 2526053002: MD Settings: roll paper-radio-button, 1.2.1 -> 1.3.1 (Closed)
Patch Set: Roll to 1.3.1 Created 4 years 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 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2016 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 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 232 matching lines...) Expand 10 before | Expand all | Expand 10 after
243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); 243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
244 } 244 }
245 245
246 :host([elevation="5"]) { 246 :host([elevation="5"]) {
247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); 247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
248 } 248 }
249 249
250 </style> 250 </style>
251 </template> 251 </template>
252 </dom-module> 252 </dom-module>
253
254
255 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow"> 253 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
256 <template strip-whitespace=""> 254 <template strip-whitespace="">
257 <style scope="paper-button">:host { 255 <style scope="paper-button">:host {
258 display: block; 256 display: block;
259 position: relative; 257 position: relative;
260 } 258 }
261 259
262 :host([elevation="1"]) { 260 :host([elevation="1"]) {
263 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 261 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
264 } 262 }
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
364 display: none !important; 362 display: none !important;
365 } 363 }
366 364
367 :host(.iron-selected), .paper-item.iron-selected { 365 :host(.iron-selected), .paper-item.iron-selected {
368 font-weight: var(--paper-item-selected-weight, bold); 366 font-weight: var(--paper-item-selected-weight, bold);
369 367
370 ; 368 ;
371 } 369 }
372 370
373 :host([disabled]), .paper-item[disabled] { 371 :host([disabled]), .paper-item[disabled] {
374 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 372 color: var(--paper-item-disabled-color,var(--disabled-text-color));
375 373
376 ; 374 ;
377 } 375 }
378 376
379 :host(:focus), .paper-item:focus { 377 :host(:focus), .paper-item:focus {
380 position: relative; 378 position: relative;
381 outline: 0; 379 outline: 0;
382 380
383 ; 381 ;
384 } 382 }
385 383
386 :host(:focus):before, .paper-item:focus:before { 384 :host(:focus):before, .paper-item:focus:before {
387 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 385 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
388 386
389 background: currentColor; 387 background: currentColor;
390 content: ''; 388 content: '';
391 opacity: var(--dark-divider-opacity); 389 opacity: var(--dark-divider-opacity);
392 pointer-events: none; 390 pointer-events: none;
393 391
394 ; 392 ;
395 } 393 }
396 394
397 </style> 395 </style>
398 </template> 396 </template>
399 </dom-module> 397 </dom-module>
400
401
402 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow"> 398 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">
403 <template> 399 <template>
404 400
405 <style scope="paper-item">:host, .paper-item { 401 <style scope="paper-item">:host, .paper-item {
406 display: block; 402 display: block;
407 position: relative; 403 position: relative;
408 min-height: var(--paper-item-min-height, 48px); 404 min-height: var(--paper-item-min-height, 48px);
409 padding: 0px 16px; 405 padding: 0px 16px;
410 } 406 }
411 407
(...skipping 10 matching lines...) Expand all
422 display: none !important; 418 display: none !important;
423 } 419 }
424 420
425 :host(.iron-selected), .paper-item.iron-selected { 421 :host(.iron-selected), .paper-item.iron-selected {
426 font-weight: var(--paper-item-selected-weight, bold); 422 font-weight: var(--paper-item-selected-weight, bold);
427 423
428 ; 424 ;
429 } 425 }
430 426
431 :host([disabled]), .paper-item[disabled] { 427 :host([disabled]), .paper-item[disabled] {
432 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 428 color: var(--paper-item-disabled-color,var(--disabled-text-color));
433 429
434 ; 430 ;
435 } 431 }
436 432
437 :host(:focus), .paper-item:focus { 433 :host(:focus), .paper-item:focus {
438 position: relative; 434 position: relative;
439 outline: 0; 435 outline: 0;
440 436
441 ; 437 ;
442 } 438 }
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
489 } 485 }
490 486
491 </style> 487 </style>
492 488
493 <content></content> 489 <content></content>
494 </template> 490 </template>
495 491
496 </dom-module> 492 </dom-module>
497 493
498 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 494 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
499
500
501 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow"> 495 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
502 <template> 496 <template>
503 <style scope="iron-dropdown">:host { 497 <style scope="iron-dropdown">:host {
504 position: fixed; 498 position: fixed;
505 } 499 }
506 500
507 #contentWrapper ::content > * { 501 #contentWrapper ::content > * {
508 overflow: auto; 502 overflow: auto;
509 } 503 }
510 504
511 #contentWrapper.animating ::content > * { 505 #contentWrapper.animating ::content > * {
512 overflow: hidden; 506 overflow: hidden;
513 } 507 }
514 508
515 </style> 509 </style>
516 510
517 <div id="contentWrapper"> 511 <div id="contentWrapper">
518 <content id="content" select=".dropdown-content"></content> 512 <content id="content" select=".dropdown-content"></content>
519 </div> 513 </div>
520 </template> 514 </template>
521 515
522 </dom-module> 516 </dom-module>
523 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper- listbox/" css-build="shadow"> 517 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper- listbox/" css-build="shadow">
524 <template> 518 <template>
525 <style scope="paper-listbox">:host { 519 <style scope="paper-listbox">:host {
526 display: block; 520 display: block;
527 padding: 8px 0; 521 padding: 8px 0;
528 522
529 background: var(--paper-listbox-background-color,var(--primary-backgroun d-color));; 523 background: var(--paper-listbox-background-color,var(--primary-backgroun d-color));
530 color: var(--paper-listbox-color,var(--primary-text-color));; 524 color: var(--paper-listbox-color,var(--primary-text-color));
531 525
532 ; 526 ;
533 } 527 }
534 528
535 </style> 529 </style>
536 530
537 <content></content> 531 <content></content>
538 </template> 532 </template>
539 533
540 </dom-module> 534 </dom-module>
(...skipping 727 matching lines...) Expand 10 before | Expand all | Expand 10 after
1268 1262
1269 ; 1263 ;
1270 } 1264 }
1271 1265
1272 :host(:focus) .tab-content { 1266 :host(:focus) .tab-content {
1273 opacity: 1; 1267 opacity: 1;
1274 font-weight: 700; 1268 font-weight: 700;
1275 } 1269 }
1276 1270
1277 paper-ripple { 1271 paper-ripple {
1278 color: var(--paper-tab-ink,var(--paper-yellow-a100));; 1272 color: var(--paper-tab-ink,var(--paper-yellow-a100));
1279 } 1273 }
1280 1274
1281 .tab-content > ::content > a { 1275 .tab-content > ::content > a {
1282 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex- auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); 1276 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex- auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
1283 1277
1284 height: 100%; 1278 height: 100%;
1285 } 1279 }
1286 1280
1287 </style> 1281 </style>
1288 1282
1289 <div class="tab-content"> 1283 <div class="tab-content">
1290 <content></content> 1284 <content></content>
1291 </div> 1285 </div>
1292 </template> 1286 </template>
1293 1287
1294 </dom-module> 1288 </dom-module>
1295 <iron-iconset-svg name="paper-tabs" size="24"> 1289 <iron-iconset-svg name="paper-tabs" size="24">
1296 <svg><defs> 1290 <svg><defs>
1297 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p ath></g> 1291 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p ath></g>
1298 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">< /path></g> 1292 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">< /path></g>
1299 </defs></svg> 1293 </defs></svg>
1300 </iron-iconset-svg> 1294 </iron-iconset-svg>
1301
1302
1303 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab s/" css-build="shadow"> 1295 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab s/" css-build="shadow">
1304 <template> 1296 <template>
1305 <style scope="paper-tabs">:host { 1297 <style scope="paper-tabs">:host {
1306 display: var(--layout_-_display); 1298 display: var(--layout_-_display);
1307 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items); 1299 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items);
1308 1300
1309 height: 48px; 1301 height: 48px;
1310 font-size: 14px; 1302 font-size: 14px;
1311 font-weight: 500; 1303 font-weight: 500;
1312 overflow: hidden; 1304 overflow: hidden;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
1375 padding: 12px; 1367 padding: 12px;
1376 margin: 0 4px; 1368 margin: 0 4px;
1377 } 1369 }
1378 1370
1379 #selectionBar { 1371 #selectionBar {
1380 position: absolute; 1372 position: absolute;
1381 height: 2px; 1373 height: 2px;
1382 bottom: 0; 1374 bottom: 0;
1383 left: 0; 1375 left: 0;
1384 right: 0; 1376 right: 0;
1385 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello w-a100));; 1377 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello w-a100));
1386 -webkit-transform: scale(0); 1378 -webkit-transform: scale(0);
1387 transform: scale(0); 1379 transform: scale(0);
1388 -webkit-transform-origin: left center; 1380 -webkit-transform-origin: left center;
1389 transform-origin: left center; 1381 transform-origin: left center;
1390 transition: -webkit-transform; 1382 transition: -webkit-transform;
1391 transition: transform; 1383 transition: transform;
1392 1384
1393 ; 1385 ;
1394 } 1386 }
1395 1387
(...skipping 26 matching lines...) Expand all
1422 <content select="*"></content> 1414 <content select="*"></content>
1423 </div> 1415 </div>
1424 </div> 1416 </div>
1425 1417
1426 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> 1418 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
1427 1419
1428 </template> 1420 </template>
1429 1421
1430 </dom-module> 1422 </dom-module>
1431 </div><script src="lazy_load.crisper.js"></script></body></html> 1423 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698