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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 1375333004: MD Downloads: use <iron-list> to render download items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@iron-list2
Patch Set: merge Created 5 years, 2 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 | « chrome/browser/resources/md_downloads/manager.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 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 1614 matching lines...) Expand 10 before | Expand all | Expand 10 after
1625 1625
1626 body { 1626 body {
1627 display: flex; 1627 display: flex;
1628 font-family: Roboto; 1628 font-family: Roboto;
1629 font-size: 81.25%; 1629 font-size: 81.25%;
1630 margin: 0; 1630 margin: 0;
1631 } 1631 }
1632 </style> 1632 </style>
1633 <script src="chrome://downloads/strings.js"></script> 1633 <script src="chrome://downloads/strings.js"></script>
1634 </head> 1634 </head>
1635 <body><div hidden="" by-vulcanize=""><dom-module id="paper-header-panel" assetpa th="chrome://resources/polymer/v1_0/paper-header-panel/"> 1635 <body><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrom e://resources/polymer/v1_0/iron-list/">
1636 <template>
1637 <style>
1638 :host {
1639 display: block;
1640 }
1641
1642 :host(.has-scroller) {
1643 overflow: auto;
1644 }
1645
1646 :host(:not(.has-scroller)) {
1647 position: relative;
1648 }
1649
1650 #items {
1651 @apply(--iron-list-items-container);
1652 position: relative;
1653 }
1654
1655 #items > ::content > * {
1656 width: 100%;
1657 box-sizing: border-box;
1658 position: absolute;
1659 top: 0;
1660 will-change: transform;
1661 }
1662 </style>
1663
1664 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">
1665 </array-selector>
1666
1667 <div id="items">
1668 <content></content>
1669 </div>
1670
1671 </template>
1672 </dom-module>
1673
1674 <dom-module id="paper-header-panel" assetpath="chrome://resources/polymer/v1_0/p aper-header-panel/">
1636 1675
1637 <style> 1676 <style>
1638 /** 1677 /**
1639 @license 1678 @license
1640 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 1679 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
1641 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE 1680 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE
1642 The complete set of authors may be found at http://polymer.github.io/AUTHORS 1681 The complete set of authors may be found at http://polymer.github.io/AUTHORS
1643 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS 1682 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS
1644 Code distributed by Google as part of the polymer project is also 1683 Code distributed by Google as part of the polymer project is also
1645 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS 1684 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS
(...skipping 859 matching lines...) Expand 10 before | Expand all | Expand 10 after
2505 2544
2506 </style> 2545 </style>
2507 <style> 2546 <style>
2508 /* Copyright 2015 The Chromium Authors. All rights reserved. 2547 /* Copyright 2015 The Chromium Authors. All rights reserved.
2509 * Use of this source code is governed by a BSD-style license that can be 2548 * Use of this source code is governed by a BSD-style license that can be
2510 * found in the LICENSE file. */ 2549 * found in the LICENSE file. */
2511 2550
2512 :host { 2551 :host {
2513 display: flex; 2552 display: flex;
2514 flex-direction: column; 2553 flex-direction: column;
2515 margin: 12px 0;
2516 } 2554 }
2517 2555
2518 #date { 2556 #date {
2519 color: #7c7c7c; 2557 color: #7c7c7c;
2520 font-size: 100%; 2558 font-size: 100%;
2521 font-weight: 500; 2559 font-weight: 500;
2522 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */ 2560 margin: 24px auto 10px;
2523 width: var(--downloads-item-width); 2561 width: var(--downloads-item-width);
2524 } 2562 }
2525 2563
2526 #content { 2564 #content {
2527 background: white; 2565 background: white;
2528 border-radius: 2px; 2566 border-radius: 2px;
2529 display: flex; 2567 display: flex;
2530 flex: none; 2568 flex: none;
2531 margin: 0 auto; 2569 margin: 6px auto;
2532 min-height: 103px; 2570 min-height: 103px;
2533 position: relative; 2571 position: relative;
2534 width: var(--downloads-item-width); 2572 width: var(--downloads-item-width);
2535 } 2573 }
2536 2574
2537 #content.is-active { 2575 #content.is-active {
2538 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 2576 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08),
2539 0 3px 1px -2px rgba(0, 0, 0, .2); 2577 0 3px 1px -2px rgba(0, 0, 0, .2);
2540 } 2578 }
2541 2579
(...skipping 849 matching lines...) Expand 10 before | Expand all | Expand 10 after
3391 display: none; 3429 display: none;
3392 } 3430 }
3393 } 3431 }
3394 3432
3395 </style> 3433 </style>
3396 </dom-module> 3434 </dom-module>
3397 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> 3435 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
3398 <template> 3436 <template>
3399 <paper-header-panel id="panel" class="loading"> 3437 <paper-header-panel id="panel" class="loading">
3400 <downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar> 3438 <downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar>
3401 <div id="downloads-list" hidden$="[[!hasDownloads_]]"></div> 3439 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_ ]]">
3402 <div id="no-downloads" hidden$="[[hasDownloads_]]"> 3440 <template>
3441 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
3442 </downloads-item>
3443 </template>
3444 </iron-list>
3445 <div id="no-downloads" hidden="[[hasDownloads_]]">
3403 <div> 3446 <div>
3404 <div class="illustration"></div> 3447 <div class="illustration"></div>
3405 <span></span> 3448 <span></span>
3406 </div> 3449 </div>
3407 </div> 3450 </div>
3408 </paper-header-panel> 3451 </paper-header-panel>
3409 </template> 3452 </template>
3410 <style> 3453 <style>
3411 /* Copyright 2015 The Chromium Authors. All rights reserved. 3454 /* Copyright 2015 The Chromium Authors. All rights reserved.
3412 * Use of this source code is governed by a BSD-style license that can be 3455 * Use of this source code is governed by a BSD-style license that can be
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
3483 </div> 3526 </div>
3484 <downloads-manager></downloads-manager> 3527 <downloads-manager></downloads-manager>
3485 <command id="clear-all-command" shortcut="Alt-U+0043"></command> 3528 <command id="clear-all-command" shortcut="Alt-U+0043"></command>
3486 <if expr="is_macosx"> 3529 <if expr="is_macosx">
3487 <command id="undo-command" shortcut="Meta-U+005A"></command> 3530 <command id="undo-command" shortcut="Meta-U+005A"></command>
3488 </if> 3531 </if>
3489 <if expr="not is_macosx"> 3532 <if expr="not is_macosx">
3490 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 3533 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
3491 </if> 3534 </if>
3492 <script src="crisper.js"></script></body></html> 3535 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/manager.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698