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

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

Issue 1409473002: MD Downloads: replace <paper-icon-button> with <inky-text-button> (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@iron-list3
Patch Set: revert some hunks 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/item.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 394 matching lines...) Expand 10 before | Expand all | Expand 10 after
405 0 8px 10px -5px rgba(0, 0, 0, 0.4); 405 0 8px 10px -5px rgba(0, 0, 0, 0.4);
406 }; 406 };
407 407
408 } 408 }
409 409
410 </style> 410 </style>
411 411
412 412
413 413
414 414
415
416
417 <style is="custom-style"> 415 <style is="custom-style">
418 416
419 :root { 417 :root {
420 418
421 /* Material Design color palette for Google products */ 419 /* Material Design color palette for Google products */
422 420
423 --google-red-100: #f4c7c3; 421 --google-red-100: #f4c7c3;
424 --google-red-300: #e67c73; 422 --google-red-300: #e67c73;
425 --google-red-500: #db4437; 423 --google-red-500: #db4437;
426 --google-red-700: #c53929; 424 --google-red-700: #c53929;
(...skipping 1656 matching lines...) Expand 10 before | Expand all | Expand 10 after
2083 <g id="view-week"><path d="M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1z"></path></g> 2081 <g id="view-week"><path d="M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1z"></path></g>
2084 <g id="visibility"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s 9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z">< /path></g> 2082 <g id="visibility"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s 9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z">< /path></g>
2085 <g id="visibility-off"><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l 2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98 .7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3. 27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .4 4-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53- 2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"></path></g> 2083 <g id="visibility-off"><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l 2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98 .7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3. 27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .4 4-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53- 2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"></path></g>
2086 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></p ath></g> 2084 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></p ath></g>
2087 <g id="work"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm- 6 0h-4V4h4v2z"></path></g> 2085 <g id="work"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm- 6 0h-4V4h4v2z"></path></g>
2088 <g id="youtube-searched-for"><path d="M17.01 14h-.8l-.27-.27c.98-1.14 1.57-2.61 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 3-6.5 6.5H2l3.84 4 4.16-4H6.51C6.51 7 8.5 3 5 11.01 5s4.5 2.01 4.5 4.5c0 2.48-2.02 4.5-4.5 4.5-.65 0-1.26-.14-1.82-.38L7.7 1 15.1c.97.57 2.09.9 3.3.9 1.61 0 3.08-.59 4.22-1.57l.27.27v.79l5.01 4.99L22 19l -4.99-5z"></path></g> 2086 <g id="youtube-searched-for"><path d="M17.01 14h-.8l-.27-.27c.98-1.14 1.57-2.61 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 3-6.5 6.5H2l3.84 4 4.16-4H6.51C6.51 7 8.5 3 5 11.01 5s4.5 2.01 4.5 4.5c0 2.48-2.02 4.5-4.5 4.5-.65 0-1.26-.14-1.82-.38L7.7 1 15.1c.97.57 2.09.9 3.3.9 1.61 0 3.08-.59 4.22-1.57l.27.27v.79l5.01 4.99L22 19l -4.99-5z"></path></g>
2089 <g id="zoom-in"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5 .91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v. 79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9 .5 11.99 14 9.5 14zM12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"></path></g> 2087 <g id="zoom-in"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5 .91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v. 79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9 .5 11.99 14 9.5 14zM12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"></path></g>
2090 <g id="zoom-out"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v .79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"></path></g> 2088 <g id="zoom-out"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v .79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"></path></g>
2091 </defs></svg> 2089 </defs></svg>
2092 </iron-iconset-svg> 2090 </iron-iconset-svg>
2093 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
2094 <style>
2095 :host {
2096 display: block;
2097 position: relative;
2098 }
2099
2100 :host([animated]) {
2101 @apply(--shadow-transition);
2102 }
2103
2104 :host([elevation="1"]) {
2105 @apply(--shadow-elevation-2dp);
2106 }
2107
2108 :host([elevation="2"]) {
2109 @apply(--shadow-elevation-4dp);
2110 }
2111
2112 :host([elevation="3"]) {
2113 @apply(--shadow-elevation-6dp);
2114 }
2115
2116 :host([elevation="4"]) {
2117 @apply(--shadow-elevation-8dp);
2118 }
2119
2120 :host([elevation="5"]) {
2121 @apply(--shadow-elevation-16dp);
2122 }
2123 </style>
2124 <template>
2125 <content></content>
2126 </template>
2127 </dom-module>
2128 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/"> 2091 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/">
2129 2092
2130 2093
2131 2094
2132 <template> 2095 <template>
2133 <style> 2096 <style>
2134 :host { 2097 :host {
2135 display: block; 2098 display: block;
2136 position: absolute; 2099 position: absolute;
2137 border-radius: inherit; 2100 border-radius: inherit;
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
2192 2155
2193 :host(.circle) .wave-container { 2156 :host(.circle) .wave-container {
2194 overflow: hidden; 2157 overflow: hidden;
2195 } 2158 }
2196 </style> 2159 </style>
2197 2160
2198 <div id="background"></div> 2161 <div id="background"></div>
2199 <div id="waves"></div> 2162 <div id="waves"></div>
2200 </template> 2163 </template>
2201 </dom-module> 2164 </dom-module>
2165 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
2166 <style>
2167 :host {
2168 display: block;
2169 position: relative;
2170 }
2171
2172 :host([animated]) {
2173 @apply(--shadow-transition);
2174 }
2175
2176 :host([elevation="1"]) {
2177 @apply(--shadow-elevation-2dp);
2178 }
2179
2180 :host([elevation="2"]) {
2181 @apply(--shadow-elevation-4dp);
2182 }
2183
2184 :host([elevation="3"]) {
2185 @apply(--shadow-elevation-6dp);
2186 }
2187
2188 :host([elevation="4"]) {
2189 @apply(--shadow-elevation-8dp);
2190 }
2191
2192 :host([elevation="5"]) {
2193 @apply(--shadow-elevation-16dp);
2194 }
2195 </style>
2196 <template>
2197 <content></content>
2198 </template>
2199 </dom-module>
2202 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/"> 2200 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/">
2203 <template strip-whitespace=""> 2201 <template strip-whitespace="">
2204 2202
2205 <style include="paper-material"> 2203 <style include="paper-material">
2206 :host { 2204 :host {
2207 display: inline-block; 2205 display: inline-block;
2208 position: relative; 2206 position: relative;
2209 box-sizing: border-box; 2207 box-sizing: border-box;
2210 min-width: 5.14em; 2208 min-width: 5.14em;
2211 margin: 0 0.29em; 2209 margin: 0 0.29em;
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after
2413 } 2411 }
2414 </style> 2412 </style>
2415 <template> 2413 <template>
2416 <div id="progressContainer"> 2414 <div id="progressContainer">
2417 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div> 2415 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>
2418 <div id="primaryProgress"></div> 2416 <div id="primaryProgress"></div>
2419 </div> 2417 </div>
2420 </template> 2418 </template>
2421 </dom-module> 2419 </dom-module>
2422 2420
2421 <dom-module id="inky-text-button" assetpath="chrome://downloads/">
2422 <template><content></content></template>
2423 <style>
2424 :host {
2425 -webkit-user-select: none;
2426 cursor: pointer;
2427 display: inline-block;
2428 outline: none;
2429 position: relative;
2430 text-align: center;
2431 }
2432 </style>
2433 </dom-module>
2434
2423 <dom-module id="downloads-item" assetpath="chrome://downloads/"> 2435 <dom-module id="downloads-item" assetpath="chrome://downloads/">
2424 <template> 2436 <template>
2425 <template is="dom-if" if="[[!hideDate]]"> 2437 <template is="dom-if" if="[[!hideDate]]">
2426 <h3 id="date">[[computeDate_(hideDate, data.since_string, data.date_string )]]</h3> 2438 <h3 id="date">[[computeDate_(hideDate, data.since_string, data.date_string )]]</h3>
2427 </template> 2439 </template>
2428 2440
2429 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]"> 2441 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]">
2430 <div id="file-icon-wrapper" class="icon-wrapper"> 2442 <div id="file-icon-wrapper" class="icon-wrapper">
2431 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]"> 2443 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
2432 <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, da ta.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon> 2444 <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, da ta.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
2473 2485
2474 <template is="dom-if" if="[[isMalware_]]"> 2486 <template is="dom-if" if="[[isMalware_]]">
2475 <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" c lass="discard">[[i18n_.remove]]</paper-button> 2487 <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" c lass="discard">[[i18n_.remove]]</paper-button>
2476 <paper-button id="restore" on-tap="onSaveDangerousTap_" class="kee p">[[i18n_.restore]</paper-button> 2488 <paper-button id="restore" on-tap="onSaveDangerousTap_" class="kee p">[[i18n_.restore]</paper-button>
2477 </template> 2489 </template>
2478 </div> 2490 </div>
2479 </template> 2491 </template>
2480 </div> 2492 </div>
2481 2493
2482 <div id="remove-wrapper" class="icon-wrapper"> 2494 <div id="remove-wrapper" class="icon-wrapper">
2483 <paper-icon-button id="remove" icon="clear" i18n-values="title:controlRe moveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap ="onRemoveTap_"></paper-icon-button> 2495 <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_ "></inky-text-button>
2484 </div> 2496 </div>
2485 2497
2486 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div> 2498 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>
2487 </div> 2499 </div>
2488 2500
2489 </template> 2501 </template>
2490 <style> 2502 <style>
2491 /* Copyright 2015 The Chromium Authors. All rights reserved. 2503 /* Copyright 2015 The Chromium Authors. All rights reserved.
2492 * Use of this source code is governed by a BSD-style license that can be 2504 * Use of this source code is governed by a BSD-style license that can be
2493 * found in the LICENSE file. */ 2505 * found in the LICENSE file. */
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after
2717 .is-active #controlled-by a { 2729 .is-active #controlled-by a {
2718 color: rgb(51, 103, 214); 2730 color: rgb(51, 103, 214);
2719 } 2731 }
2720 2732
2721 #remove-wrapper { 2733 #remove-wrapper {
2722 align-self: flex-start; 2734 align-self: flex-start;
2723 margin: 0; 2735 margin: 0;
2724 } 2736 }
2725 2737
2726 #remove { 2738 #remove {
2727 --iron-icon-height: 16px;
2728 --iron-icon-width: 16px;
2729 --layout-inline: {
2730 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */
2731 };
2732 color: #969696; 2739 color: #969696;
2740 font-size: 16px;
2733 height: 16px; 2741 height: 16px;
2742 line-height: 17px; /* TODO(dbeam): why is this necesssary? */
2734 padding: 8px; 2743 padding: 8px;
2735 width: 16px; 2744 width: 16px;
2736 } 2745 }
2737 2746
2738 #incognito { 2747 #incognito {
2739 bottom: 20px; 2748 bottom: 20px;
2740 content: -webkit-image-set( 2749 content: -webkit-image-set(
2741 url("chrome://downloads/1x/incognito_marker.png") 1x, 2750 url("chrome://downloads/1x/incognito_marker.png") 1x,
2742 url("chrome://downloads/2x/incognito_marker.png") 2x); 2751 url("chrome://downloads/2x/incognito_marker.png") 2x);
2743 position: absolute; 2752 position: absolute;
(...skipping 774 matching lines...) Expand 10 before | Expand all | Expand 10 after
3518 </div> 3527 </div>
3519 <downloads-manager></downloads-manager> 3528 <downloads-manager></downloads-manager>
3520 <command id="clear-all-command" shortcut="Alt-U+0043"></command> 3529 <command id="clear-all-command" shortcut="Alt-U+0043"></command>
3521 <if expr="is_macosx"> 3530 <if expr="is_macosx">
3522 <command id="undo-command" shortcut="Meta-U+005A"></command> 3531 <command id="undo-command" shortcut="Meta-U+005A"></command>
3523 </if> 3532 </if>
3524 <if expr="not is_macosx"> 3533 <if expr="not is_macosx">
3525 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 3534 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
3526 </if> 3535 </if>
3527 <script src="crisper.js"></script></body></html> 3536 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/item.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698