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

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

Issue 2597573002: MD History/Downloads: convert .bind(this) and function property values to use => (Closed)
Patch Set: Created 3 years, 12 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
OLDNEW
1 <html><head><!-- 1 <html><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 1814 matching lines...) Expand 10 before | Expand all | Expand 10 after
1825 #icon { 1825 #icon {
1826 --paper-icon-button-ink-color: white; 1826 --paper-icon-button-ink-color: white;
1827 transition: margin 150ms, opacity 200ms; 1827 transition: margin 150ms, opacity 200ms;
1828 } 1828 }
1829 1829
1830 #prompt { 1830 #prompt {
1831 opacity: 0; 1831 opacity: 0;
1832 } 1832 }
1833 1833
1834 paper-spinner-lite { 1834 paper-spinner-lite {
1835 height: var(--cr-icon-size_-_height); width: var(--cr-icon-size_-_width); 1835 height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-widt h_-_width);
1836 --paper-spinner-color: white; 1836 --paper-spinner-color: white;
1837 margin: 0 6px; 1837 margin: 0 6px;
1838 opacity: 0; 1838 opacity: 0;
1839 padding: 6px; 1839 padding: 6px;
1840 position: absolute; 1840 position: absolute;
1841 } 1841 }
1842 1842
1843 paper-spinner-lite[active] { 1843 paper-spinner-lite[active] {
1844 opacity: 1; 1844 opacity: 1;
1845 } 1845 }
(...skipping 644 matching lines...) Expand 10 before | Expand all | Expand 10 after
2490 </div> 2490 </div>
2491 </template> 2491 </template>
2492 </template> 2492 </template>
2493 </dom-module> 2493 </dom-module>
2494 2494
2495 <style is="custom-style" css-build="shadow">html { 2495 <style is="custom-style" css-build="shadow">html {
2496 --cr-actionable_-_cursor: pointer;; 2496 --cr-actionable_-_cursor: pointer;;
2497 --cr-focused-item-color: var(--google-grey-300); 2497 --cr-focused-item-color: var(--google-grey-300);
2498 2498
2499 --cr-icon-padding: 8px; 2499 --cr-icon-padding: 8px;
2500 --cr-icon-size_-_height: 20px; --cr-icon-size_-_width: 20px; 2500
2501
2502 --cr-icon-ripple-size: 36px;
2503 --cr-icon-size: 20px;
2504
2505 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size);
2506
2507 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px;
2508
2501 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2509 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2502 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2510 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2503 --paper-checkbox-ink-size: 40px; 2511 --paper-checkbox-ink-size: 40px;
2504 } 2512 }
2505 2513
2506 </style> 2514 </style>
2507 2515
2508 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2516 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2509 <template> 2517 <template>
2510 <style scope="cr-shared-style">paper-spinner { 2518 <style scope="cr-shared-style">paper-spinner {
(...skipping 18 matching lines...) Expand all
2529 } 2537 }
2530 2538
2531 .action-button, .cancel-button { 2539 .action-button, .cancel-button {
2532 font-weight: 500; 2540 font-weight: 500;
2533 } 2541 }
2534 2542
2535 [actionable] { 2543 [actionable] {
2536 cursor: var(--cr-actionable_-_cursor); 2544 cursor: var(--cr-actionable_-_cursor);
2537 } 2545 }
2538 2546
2547 button[is='paper-icon-button-light'] {
2548 -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); - webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);
2549 background-position: center;
2550 background-repeat: no-repeat;
2551 background-size: var(--cr-icon-size);
2552 flex-shrink: 0;
2553 height: var(--cr-icon-ripple-size);
2554 width: var(--cr-icon-ripple-size);
2555 }
2556
2539 button[is='paper-icon-button-light'].subpage-arrow { 2557 button[is='paper-icon-button-light'].subpage-arrow {
2540 background-image: url("chrome://resources/images/arrow_right.svg"); 2558 background-image: url("chrome://resources/images/arrow_right.svg");
2541 } 2559 }
2542 2560
2543 button[is='paper-icon-button-light'].icon-external { 2561 button[is='paper-icon-button-light'].icon-external {
2544 background-image: url("chrome://resources/images/open_in_new.svg"); 2562 background-image: url("chrome://resources/images/open_in_new.svg");
2545 } 2563 }
2546 2564
2547 .subpage-arrow, .icon-external { 2565 .subpage-arrow, .icon-external {
2548 display: none; 2566 display: none;
2549 } 2567 }
2550 2568
2569 paper-icon-button.subpage-arrow {
2570 background-image: url("chrome://resources/images/arrow_right.svg");
2571 }
2572
2551 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) { 2573 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {
2552 display: block; 2574 display: block;
2553 } 2575 }
2554 2576
2555 [scrollable] { 2577 [scrollable] {
2556 border-color: transparent; 2578 border-color: transparent;
2557 border-style: solid; 2579 border-style: solid;
2558 border-width: 1px 0; 2580 border-width: 1px 0;
2559 overflow-y: auto; 2581 overflow-y: auto;
2560 } 2582 }
(...skipping 678 matching lines...) Expand 10 before | Expand all | Expand 10 after
3239 } 3261 }
3240 3262
3241 .action-button, .cancel-button { 3263 .action-button, .cancel-button {
3242 font-weight: 500; 3264 font-weight: 500;
3243 } 3265 }
3244 3266
3245 [actionable] { 3267 [actionable] {
3246 cursor: var(--cr-actionable_-_cursor); 3268 cursor: var(--cr-actionable_-_cursor);
3247 } 3269 }
3248 3270
3271 button[is='paper-icon-button-light'] {
3272 -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); - webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);
3273 background-position: center;
3274 background-repeat: no-repeat;
3275 background-size: var(--cr-icon-size);
3276 flex-shrink: 0;
3277 height: var(--cr-icon-ripple-size);
3278 width: var(--cr-icon-ripple-size);
3279 }
3280
3249 button[is='paper-icon-button-light'].subpage-arrow { 3281 button[is='paper-icon-button-light'].subpage-arrow {
3250 background-image: url("chrome://resources/images/arrow_right.svg"); 3282 background-image: url("chrome://resources/images/arrow_right.svg");
3251 } 3283 }
3252 3284
3253 button[is='paper-icon-button-light'].icon-external { 3285 button[is='paper-icon-button-light'].icon-external {
3254 background-image: url("chrome://resources/images/open_in_new.svg"); 3286 background-image: url("chrome://resources/images/open_in_new.svg");
3255 } 3287 }
3256 3288
3257 .subpage-arrow, .icon-external { 3289 .subpage-arrow, .icon-external {
3258 display: none; 3290 display: none;
3259 } 3291 }
3260 3292
3293 paper-icon-button.subpage-arrow {
3294 background-image: url("chrome://resources/images/arrow_right.svg");
3295 }
3296
3261 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) { 3297 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {
3262 display: block; 3298 display: block;
3263 } 3299 }
3264 3300
3265 [scrollable] { 3301 [scrollable] {
3266 border-color: transparent; 3302 border-color: transparent;
3267 border-style: solid; 3303 border-style: solid;
3268 border-width: 1px 0; 3304 border-width: 1px 0;
3269 overflow-y: auto; 3305 overflow-y: auto;
3270 } 3306 }
(...skipping 545 matching lines...) Expand 10 before | Expand all | Expand 10 after
3816 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3852 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3817 </history-side-bar> 3853 </history-side-bar>
3818 </app-drawer> 3854 </app-drawer>
3819 </template> 3855 </template>
3820 3856
3821 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3857 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3822 </iron-media-query> 3858 </iron-media-query>
3823 </template> 3859 </template>
3824 </dom-module> 3860 </dom-module>
3825 <script src="app.crisper.js"></script></body></html> 3861 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698