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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2060023002: WebUI: cr-search-field: Remove delegation pattern, use simple event instead. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@search_box0
Patch Set: Address comments, fix compilation. Created 4 years, 6 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/toolbar.js ('k') | chrome/browser/resources/md_extensions/compiled_resources2.gyp » ('j') | chrome/browser/resources/md_extensions/manager.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><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 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
44 } 44 }
45 45
46 body { 46 body {
47 display: flex; 47 display: flex;
48 margin: 0; 48 margin: 0;
49 } 49 }
50 </style> 50 </style>
51 </head> 51 </head>
52 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script> 52 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>
53 <script src="chrome://downloads/strings.js"></script> 53 <script src="chrome://downloads/strings.js"></script>
54 <style>
55 /* Copyright 2016 The Chromium Authors. All rights reserved.
56 * Use of this source code is governed by a BSD-style license that can be
57 * found in the LICENSE file. */
58
59 :root {
60 /* This is a custom, Chrome-specific color that does not have a --paper or
61 * --google equivalent. */
62 --md-background-color: rgb(241, 241, 241);
63 /* This is --google-blue-700, rewritten as a native custom property for speed.
64 */
65 --md-toolbar-color: rgb(51, 103, 214);
66 }
67
68 </style>
69
70
71
54 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ "> 72 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">
55 <template> 73 <template>
56 <style> 74 <style>
57 :host { 75 :host {
58 display: block; 76 display: block;
59 position: relative; 77 position: relative;
60 } 78 }
61 79
62 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 80 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
63 :host { 81 :host {
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after
437 --layout-fixed-left: { 455 --layout-fixed-left: {
438 position: fixed; 456 position: fixed;
439 top: 0; 457 top: 0;
440 bottom: 0; 458 bottom: 0;
441 left: 0; 459 left: 0;
442 }; 460 };
443 461
444 } 462 }
445 463
446 </style> 464 </style>
447
448
449 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ "> 465 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
450 466
451 <style> 467 <style>
452 :host { 468 :host {
453 @apply(--layout-inline); 469 @apply(--layout-inline);
454 @apply(--layout-center-center); 470 @apply(--layout-center-center);
455 position: relative; 471 position: relative;
456 472
457 vertical-align: middle; 473 vertical-align: middle;
458 474
(...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after
626 :host([elevation="4"]) { 642 :host([elevation="4"]) {
627 @apply(--shadow-elevation-8dp); 643 @apply(--shadow-elevation-8dp);
628 } 644 }
629 645
630 :host([elevation="5"]) { 646 :host([elevation="5"]) {
631 @apply(--shadow-elevation-16dp); 647 @apply(--shadow-elevation-16dp);
632 } 648 }
633 </style> 649 </style>
634 </template> 650 </template>
635 </dom-module> 651 </dom-module>
636
637
638 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/"> 652 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
639 <template> 653 <template>
640 <style include="paper-material-shared-styles"></style> 654 <style include="paper-material-shared-styles"></style>
641 <style> 655 <style>
642 :host([animated]) { 656 :host([animated]) {
643 @apply(--shadow-transition); 657 @apply(--shadow-transition);
644 } 658 }
645 </style> 659 </style>
646 660
647 <content></content> 661 <content></content>
(...skipping 403 matching lines...) Expand 10 before | Expand all | Expand 10 after
1051 1065
1052 /* opacity for light text on a dark background */ 1066 /* opacity for light text on a dark background */
1053 --light-divider-opacity: 0.12; 1067 --light-divider-opacity: 0.12;
1054 --light-disabled-opacity: 0.3; /* or hint text or icon */ 1068 --light-disabled-opacity: 0.3; /* or hint text or icon */
1055 --light-secondary-opacity: 0.7; 1069 --light-secondary-opacity: 0.7;
1056 --light-primary-opacity: 1.0; 1070 --light-primary-opacity: 1.0;
1057 1071
1058 } 1072 }
1059 1073
1060 </style> 1074 </style>
1061
1062
1063 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/"> 1075 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1064 <template> 1076 <template>
1065 <style> 1077 <style>
1066 :host { 1078 :host {
1067 display: block; 1079 display: block;
1068 width: 200px; 1080 width: 200px;
1069 position: relative; 1081 position: relative;
1070 overflow: hidden; 1082 overflow: hidden;
1071 } 1083 }
1072 1084
(...skipping 495 matching lines...) Expand 10 before | Expand all | Expand 10 after
1568 </div> 1580 </div>
1569 </div> 1581 </div>
1570 1582
1571 </template> 1583 </template>
1572 1584
1573 1585
1574 1586
1575 </dom-module> 1587 </dom-module>
1576 1588
1577 1589
1590
1591
1578 <style is="custom-style"> 1592 <style is="custom-style">
1579 1593
1580 :root { 1594 :root {
1581 /* 1595 /*
1582 * You can use these generic variables in your elements for easy theming. 1596 * You can use these generic variables in your elements for easy theming.
1583 * For example, if all your elements use `--primary-text-color` as its main 1597 * For example, if all your elements use `--primary-text-color` as its main
1584 * color, then switching from a light to a dark theme is just a matter of 1598 * color, then switching from a light to a dark theme is just a matter of
1585 * changing the value of `--primary-text-color` in your application. 1599 * changing the value of `--primary-text-color` in your application.
1586 */ 1600 */
1587 --primary-text-color: var(--light-theme-text-color); 1601 --primary-text-color: var(--light-theme-text-color);
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
1625 1639
1626 /* 1640 /*
1627 * Deprecated values because of their confusing names. 1641 * Deprecated values because of their confusing names.
1628 */ 1642 */
1629 --text-primary-color: var(--dark-theme-text-color); 1643 --text-primary-color: var(--dark-theme-text-color);
1630 --default-primary-color: var(--primary-color); 1644 --default-primary-color: var(--primary-color);
1631 1645
1632 } 1646 }
1633 1647
1634 </style> 1648 </style>
1635 <style>
1636 /* Copyright 2015 The Chromium Authors. All rights reserved.
1637 * Use of this source code is governed by a BSD-style license that can be
1638 * found in the LICENSE file. */
1639
1640 @font-face {
1641 font-family: 'Roboto';
1642 font-style: normal;
1643 font-weight: 400;
1644 src: local('Roboto'), local('Roboto-Regular'),
1645 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1646 }
1647
1648 @font-face {
1649 font-family: 'Roboto';
1650 font-style: normal;
1651 font-weight: 500;
1652 src: local('Roboto Medium'), local('Roboto-Medium'),
1653 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1654 }
1655
1656 @font-face {
1657 font-family: 'Roboto';
1658 font-style: normal;
1659 font-weight: 700;
1660 src: local('Roboto Bold'), local('Roboto-Bold'),
1661 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1662 }
1663
1664 </style>
1665 <style is="custom-style"> 1649 <style is="custom-style">
1666 1650
1667 :root { 1651 :root {
1668 1652
1669 /* Shared Styles */ 1653 /* Shared Styles */
1670 --paper-font-common-base: { 1654 --paper-font-common-base: {
1671 font-family: 'Roboto', 'Noto', sans-serif; 1655 font-family: 'Roboto', 'Noto', sans-serif;
1672 -webkit-font-smoothing: antialiased; 1656 -webkit-font-smoothing: antialiased;
1673 }; 1657 };
1674 1658
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
1811 @apply(--paper-font-common-code); 1795 @apply(--paper-font-common-code);
1812 1796
1813 font-size: 14px; 1797 font-size: 14px;
1814 font-weight: 500; 1798 font-weight: 500;
1815 line-height: 20px; 1799 line-height: 20px;
1816 }; 1800 };
1817 1801
1818 } 1802 }
1819 1803
1820 </style> 1804 </style>
1805 <style>
1806 /* Copyright 2015 The Chromium Authors. All rights reserved.
1807 * Use of this source code is governed by a BSD-style license that can be
1808 * found in the LICENSE file. */
1809
1810 @font-face {
1811 font-family: 'Roboto';
1812 font-style: normal;
1813 font-weight: 400;
1814 src: local('Roboto'), local('Roboto-Regular'),
1815 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1816 }
1817
1818 @font-face {
1819 font-family: 'Roboto';
1820 font-style: normal;
1821 font-weight: 500;
1822 src: local('Roboto Medium'), local('Roboto-Medium'),
1823 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1824 }
1825
1826 @font-face {
1827 font-family: 'Roboto';
1828 font-style: normal;
1829 font-weight: 700;
1830 src: local('Roboto Bold'), local('Roboto-Bold'),
1831 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1832 }
1833
1834 </style>
1821 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/"> 1835 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
1822 <template> 1836 <template>
1823 <style> 1837 <style>
1824 :host, .paper-item { 1838 :host, .paper-item {
1825 display: block; 1839 display: block;
1826 position: relative; 1840 position: relative;
1827 min-height: var(--paper-item-min-height, 48px); 1841 min-height: var(--paper-item-min-height, 48px);
1828 padding: 0px 16px; 1842 padding: 0px 16px;
1829 } 1843 }
1830 1844
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
1866 background: currentColor; 1880 background: currentColor;
1867 content: ''; 1881 content: '';
1868 opacity: var(--dark-divider-opacity); 1882 opacity: var(--dark-divider-opacity);
1869 pointer-events: none; 1883 pointer-events: none;
1870 1884
1871 @apply(--paper-item-focused-before); 1885 @apply(--paper-item-focused-before);
1872 } 1886 }
1873 </style> 1887 </style>
1874 </template> 1888 </template>
1875 </dom-module> 1889 </dom-module>
1876
1877
1878 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/"> 1890 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
1879 <template> 1891 <template>
1880 <style include="paper-item-shared-styles"></style> 1892 <style include="paper-item-shared-styles"></style>
1881 <style> 1893 <style>
1882 :host { 1894 :host {
1883 @apply(--layout-horizontal); 1895 @apply(--layout-horizontal);
1884 @apply(--layout-center); 1896 @apply(--layout-center);
1885 @apply(--paper-font-subhead); 1897 @apply(--paper-font-subhead);
1886 1898
1887 @apply(--paper-item); 1899 @apply(--paper-item);
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1922 1934
1923 @apply(--paper-menu-focused-item-after); 1935 @apply(--paper-menu-focused-item-after);
1924 } 1936 }
1925 1937
1926 .selectable-content > ::content > *[colored]:focus:after { 1938 .selectable-content > ::content > *[colored]:focus:after {
1927 opacity: 0.26; 1939 opacity: 0.26;
1928 } 1940 }
1929 </style> 1941 </style>
1930 </template> 1942 </template>
1931 </dom-module> 1943 </dom-module>
1932
1933
1934 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/"> 1944 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
1935 <template> 1945 <template>
1936 <style include="paper-menu-shared-styles"></style> 1946 <style include="paper-menu-shared-styles"></style>
1937 <style> 1947 <style>
1938 :host { 1948 :host {
1939 display: block; 1949 display: block;
1940 padding: 8px 0; 1950 padding: 8px 0;
1941 1951
1942 background: var(--paper-menu-background-color, --primary-background-colo r); 1952 background: var(--paper-menu-background-color, --primary-background-colo r);
1943 color: var(--paper-menu-color, --primary-text-color); 1953 color: var(--paper-menu-color, --primary-text-color);
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
1975 } 1985 }
1976 </style> 1986 </style>
1977 1987
1978 <template> 1988 <template>
1979 <content></content> 1989 <content></content>
1980 </template> 1990 </template>
1981 1991
1982 </dom-module> 1992 </dom-module>
1983 1993
1984 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 1994 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1985
1986
1987 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 1995 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
1988 <style> 1996 <style>
1989 :host { 1997 :host {
1990 position: fixed; 1998 position: fixed;
1991 } 1999 }
1992 2000
1993 #contentWrapper ::content > * { 2001 #contentWrapper ::content > * {
1994 overflow: auto; 2002 overflow: auto;
1995 } 2003 }
1996 2004
(...skipping 474 matching lines...) Expand 10 before | Expand all | Expand 10 after
2471 z-index: 1; 2479 z-index: 1;
2472 } 2480 }
2473 2481
2474 :host-context([dir='rtl']) #searchTerm paper-icon-button { 2482 :host-context([dir='rtl']) #searchTerm paper-icon-button {
2475 left: 0; 2483 left: 0;
2476 right: auto; 2484 right: auto;
2477 } 2485 }
2478 2486
2479 </style> 2487 </style>
2480 <paper-icon-button icon="cr:search" id="searchButton" disabled$="[[showingSe arch]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button> 2488 <paper-icon-button icon="cr:search" id="searchButton" disabled$="[[showingSe arch]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
2481 <paper-input-container id="searchTerm" on-search="onSearchTermSearch_" on-ke ydown="onSearchTermKeydown_" hidden$="[[!showingSearch]]" no-label-float=""> 2489 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" hidden$="[[!showingSearch]]" no-label-float="">
2482 <input is="iron-input" id="searchInput" type="search" placeholder="[[label ]]" incremental=""> 2490 <input is="iron-input" id="searchInput" type="search" placeholder="[[label ]]" incremental="">
2483 <paper-icon-button icon="cr:cancel" id="clearSearch" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch]]"></paper-icon-butt on> 2491 <paper-icon-button icon="cr:cancel" id="clearSearch" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch]]"></paper-icon-butt on>
2484 </paper-input-container> 2492 </paper-input-container>
2485 </template> 2493 </template>
2486 2494
2487 </dom-module> 2495 </dom-module>
2488 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> 2496 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
2489 <template><style> 2497 <template><style>
2490 /* Copyright 2015 The Chromium Authors. All rights reserved. 2498 /* Copyright 2015 The Chromium Authors. All rights reserved.
2491 * Use of this source code is governed by a BSD-style license that can be 2499 * Use of this source code is governed by a BSD-style license that can be
(...skipping 130 matching lines...) Expand 10 before | Expand all | Expand 10 after
2622 </div> 2630 </div>
2623 <div id="actions"> 2631 <div id="actions">
2624 <paper-button class="clear-all" on-tap="onClearAllTap_"> 2632 <paper-button class="clear-all" on-tap="onClearAllTap_">
2625 $i18n{clearAll} 2633 $i18n{clearAll}
2626 </paper-button> 2634 </paper-button>
2627 <paper-button on-tap="onOpenDownloadsFolderTap_"> 2635 <paper-button on-tap="onOpenDownloadsFolderTap_">
2628 $i18n{openDownloadsFolder} 2636 $i18n{openDownloadsFolder}
2629 </paper-button> 2637 </paper-button>
2630 </div> 2638 </div>
2631 <div id="search"> 2639 <div id="search">
2632 <cr-search-field id="search-input" label="$i18n{search}" clear-label="$i18 n{clearSearch}"></cr-search-field> 2640 <cr-search-field id="search-input" label="$i18n{search}" clear-label="$i18 n{clearSearch}" on-search-changed="onSearchChanged_"></cr-search-field>
2633 <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]"> 2641 <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">
2634 <paper-icon-button icon="cr:more-vert" title="$i18n{moreActions}" class= "dropdown-trigger"></paper-icon-button> 2642 <paper-icon-button icon="cr:more-vert" title="$i18n{moreActions}" class= "dropdown-trigger"></paper-icon-button>
2635 <paper-menu class="dropdown-content"> 2643 <paper-menu class="dropdown-content">
2636 <paper-item class="clear-all" on-tap="onClearAllTap_"> 2644 <paper-item class="clear-all" on-tap="onClearAllTap_">
2637 $i18n{clearAll} 2645 $i18n{clearAll}
2638 </paper-item> 2646 </paper-item>
2639 <paper-item on-tap="onOpenDownloadsFolderTap_"> 2647 <paper-item on-tap="onOpenDownloadsFolderTap_">
2640 $i18n{openDownloadsFolder} 2648 $i18n{openDownloadsFolder}
2641 </paper-item> 2649 </paper-item>
2642 </paper-menu> 2650 </paper-menu>
2643 </paper-menu-button> 2651 </paper-menu-button>
2644 </div> 2652 </div>
2645 </template> 2653 </template>
2646 2654
2647 2655
2648 </dom-module> 2656 </dom-module>
2649 <style>
2650 /* Copyright 2016 The Chromium Authors. All rights reserved.
2651 * Use of this source code is governed by a BSD-style license that can be
2652 * found in the LICENSE file. */
2653
2654 :root {
2655 /* This is a custom, Chrome-specific color that does not have a --paper or
2656 * --google equivalent. */
2657 --md-background-color: rgb(241, 241, 241);
2658 /* This is --google-blue-700, rewritten as a native custom property for speed.
2659 */
2660 --md-toolbar-color: rgb(51, 103, 214);
2661 }
2662
2663 </style>
2664
2665 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> 2657 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
2666 <template><style> 2658 <template><style>
2667 /* Copyright 2015 The Chromium Authors. All rights reserved. 2659 /* Copyright 2015 The Chromium Authors. All rights reserved.
2668 * Use of this source code is governed by a BSD-style license that can be 2660 * Use of this source code is governed by a BSD-style license that can be
2669 * found in the LICENSE file. */ 2661 * found in the LICENSE file. */
2670 2662
2671 :host { 2663 :host {
2672 display: flex; 2664 display: flex;
2673 flex: 1 0; 2665 flex: 1 0;
2674 flex-direction: column; 2666 flex-direction: column;
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
2760 <if expr="is_macosx"> 2752 <if expr="is_macosx">
2761 <command id="undo-command" shortcut="Meta-U+005A"></command> 2753 <command id="undo-command" shortcut="Meta-U+005A"></command>
2762 <command id="find-command" shortcut="Meta-U+0046"></command> 2754 <command id="find-command" shortcut="Meta-U+0046"></command>
2763 </if> 2755 </if>
2764 <if expr="not is_macosx"> 2756 <if expr="not is_macosx">
2765 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2757 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2766 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2758 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2767 </if> 2759 </if>
2768 <link rel="import" href="chrome://resources/html/polymer.html"> 2760 <link rel="import" href="chrome://resources/html/polymer.html">
2769 <script src="crisper.js"></script></body></html> 2761 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.js ('k') | chrome/browser/resources/md_extensions/compiled_resources2.gyp » ('j') | chrome/browser/resources/md_extensions/manager.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698