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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2106723003: MD Settings: Improve rendering performance of fonts page. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address comments. Created 4 years, 5 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 | « no previous file | chrome/browser/resources/settings/controls/settings_dropdown_menu.html » ('j') | 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 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) 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 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 } 52 }
53 53
54 body { 54 body {
55 display: flex; 55 display: flex;
56 margin: 0; 56 margin: 0;
57 } 57 }
58 </style> 58 </style>
59 </head> 59 </head>
60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script> 60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>
61 <script src="chrome://downloads/strings.js"></script> 61 <script src="chrome://downloads/strings.js"></script>
62 <style>
63 /* Copyright 2016 The Chromium Authors. All rights reserved.
64 * Use of this source code is governed by a BSD-style license that can be
65 * found in the LICENSE file. */
66
67 :root {
68 /* This is a custom, Chrome-specific color that does not have a --paper or
69 * --google equivalent. */
70 --md-background-color: rgb(241, 241, 241);
71 /* This is --google-blue-700, rewritten as a native custom property for speed.
72 */
73 --md-toolbar-color: rgb(51, 103, 214);
74 }
75
76 </style>
77
78
79
62 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ "> 80 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">
63 <template> 81 <template>
64 <style> 82 <style>
65 :host { 83 :host {
66 display: block; 84 display: block;
67 position: relative; 85 position: relative;
68 } 86 }
69 87
70 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 88 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
71 :host { 89 :host {
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after
445 --layout-fixed-left: { 463 --layout-fixed-left: {
446 position: fixed; 464 position: fixed;
447 top: 0; 465 top: 0;
448 bottom: 0; 466 bottom: 0;
449 left: 0; 467 left: 0;
450 }; 468 };
451 469
452 } 470 }
453 471
454 </style> 472 </style>
455
456
457 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ "> 473 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
458 474
459 <style> 475 <style>
460 :host { 476 :host {
461 @apply(--layout-inline); 477 @apply(--layout-inline);
462 @apply(--layout-center-center); 478 @apply(--layout-center-center);
463 position: relative; 479 position: relative;
464 480
465 vertical-align: middle; 481 vertical-align: middle;
466 482
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after
632 :host([elevation="4"]) { 648 :host([elevation="4"]) {
633 @apply(--shadow-elevation-8dp); 649 @apply(--shadow-elevation-8dp);
634 } 650 }
635 651
636 :host([elevation="5"]) { 652 :host([elevation="5"]) {
637 @apply(--shadow-elevation-16dp); 653 @apply(--shadow-elevation-16dp);
638 } 654 }
639 </style> 655 </style>
640 </template> 656 </template>
641 </dom-module> 657 </dom-module>
642
643
644 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/"> 658 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
645 <template> 659 <template>
646 <style include="paper-material-shared-styles"></style> 660 <style include="paper-material-shared-styles"></style>
647 <style> 661 <style>
648 :host([animated]) { 662 :host([animated]) {
649 @apply(--shadow-transition); 663 @apply(--shadow-transition);
650 } 664 }
651 </style> 665 </style>
652 666
653 <content></content> 667 <content></content>
(...skipping 406 matching lines...) Expand 10 before | Expand all | Expand 10 after
1060 1074
1061 /* opacity for light text on a dark background */ 1075 /* opacity for light text on a dark background */
1062 --light-divider-opacity: 0.12; 1076 --light-divider-opacity: 0.12;
1063 --light-disabled-opacity: 0.3; /* or hint text or icon */ 1077 --light-disabled-opacity: 0.3; /* or hint text or icon */
1064 --light-secondary-opacity: 0.7; 1078 --light-secondary-opacity: 0.7;
1065 --light-primary-opacity: 1.0; 1079 --light-primary-opacity: 1.0;
1066 1080
1067 } 1081 }
1068 1082
1069 </style> 1083 </style>
1070
1071
1072 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/"> 1084 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1073 <template> 1085 <template>
1074 <style> 1086 <style>
1075 :host { 1087 :host {
1076 display: block; 1088 display: block;
1077 width: 200px; 1089 width: 200px;
1078 position: relative; 1090 position: relative;
1079 overflow: hidden; 1091 overflow: hidden;
1080 } 1092 }
1081 1093
(...skipping 495 matching lines...) Expand 10 before | Expand all | Expand 10 after
1577 </div> 1589 </div>
1578 </div> 1590 </div>
1579 1591
1580 </template> 1592 </template>
1581 1593
1582 1594
1583 1595
1584 </dom-module> 1596 </dom-module>
1585 1597
1586 1598
1599
1600
1587 <style is="custom-style"> 1601 <style is="custom-style">
1588 1602
1589 :root { 1603 :root {
1590 /* 1604 /*
1591 * You can use these generic variables in your elements for easy theming. 1605 * You can use these generic variables in your elements for easy theming.
1592 * For example, if all your elements use `--primary-text-color` as its main 1606 * For example, if all your elements use `--primary-text-color` as its main
1593 * color, then switching from a light to a dark theme is just a matter of 1607 * color, then switching from a light to a dark theme is just a matter of
1594 * changing the value of `--primary-text-color` in your application. 1608 * changing the value of `--primary-text-color` in your application.
1595 */ 1609 */
1596 --primary-text-color: var(--light-theme-text-color); 1610 --primary-text-color: var(--light-theme-text-color);
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
1634 1648
1635 /* 1649 /*
1636 * Deprecated values because of their confusing names. 1650 * Deprecated values because of their confusing names.
1637 */ 1651 */
1638 --text-primary-color: var(--dark-theme-text-color); 1652 --text-primary-color: var(--dark-theme-text-color);
1639 --default-primary-color: var(--primary-color); 1653 --default-primary-color: var(--primary-color);
1640 1654
1641 } 1655 }
1642 1656
1643 </style> 1657 </style>
1644 <style>
1645 /* Copyright 2015 The Chromium Authors. All rights reserved.
1646 * Use of this source code is governed by a BSD-style license that can be
1647 * found in the LICENSE file. */
1648
1649 @font-face {
1650 font-family: 'Roboto';
1651 font-style: normal;
1652 font-weight: 400;
1653 src: local('Roboto'), local('Roboto-Regular'),
1654 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1655 }
1656
1657 @font-face {
1658 font-family: 'Roboto';
1659 font-style: normal;
1660 font-weight: 500;
1661 src: local('Roboto Medium'), local('Roboto-Medium'),
1662 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1663 }
1664
1665 @font-face {
1666 font-family: 'Roboto';
1667 font-style: normal;
1668 font-weight: 700;
1669 src: local('Roboto Bold'), local('Roboto-Bold'),
1670 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1671 }
1672
1673 </style>
1674 <style is="custom-style"> 1658 <style is="custom-style">
1675 1659
1676 :root { 1660 :root {
1677 1661
1678 /* Shared Styles */ 1662 /* Shared Styles */
1679 --paper-font-common-base: { 1663 --paper-font-common-base: {
1680 font-family: 'Roboto', 'Noto', sans-serif; 1664 font-family: 'Roboto', 'Noto', sans-serif;
1681 -webkit-font-smoothing: antialiased; 1665 -webkit-font-smoothing: antialiased;
1682 }; 1666 };
1683 1667
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
1820 @apply(--paper-font-common-code); 1804 @apply(--paper-font-common-code);
1821 1805
1822 font-size: 14px; 1806 font-size: 14px;
1823 font-weight: 500; 1807 font-weight: 500;
1824 line-height: 20px; 1808 line-height: 20px;
1825 }; 1809 };
1826 1810
1827 } 1811 }
1828 1812
1829 </style> 1813 </style>
1814 <style>
1815 /* Copyright 2015 The Chromium Authors. All rights reserved.
1816 * Use of this source code is governed by a BSD-style license that can be
1817 * found in the LICENSE file. */
1818
1819 @font-face {
1820 font-family: 'Roboto';
1821 font-style: normal;
1822 font-weight: 400;
1823 src: local('Roboto'), local('Roboto-Regular'),
1824 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1825 }
1826
1827 @font-face {
1828 font-family: 'Roboto';
1829 font-style: normal;
1830 font-weight: 500;
1831 src: local('Roboto Medium'), local('Roboto-Medium'),
1832 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1833 }
1834
1835 @font-face {
1836 font-family: 'Roboto';
1837 font-style: normal;
1838 font-weight: 700;
1839 src: local('Roboto Bold'), local('Roboto-Bold'),
1840 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1841 }
1842
1843 </style>
1830 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/"> 1844 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
1831 <template> 1845 <template>
1832 <style> 1846 <style>
1833 :host, .paper-item { 1847 :host(paper-item), :host(paper-icon-item), .paper-item {
1834 display: block; 1848 display: block;
1835 position: relative; 1849 position: relative;
1836 min-height: var(--paper-item-min-height, 48px); 1850 min-height: var(--paper-item-min-height, 48px);
1837 padding: 0px 16px; 1851 padding: 0px 16px;
1838 } 1852 }
1839 1853
1840 .paper-item { 1854 .paper-item {
1841 @apply(--paper-font-subhead); 1855 @apply(--paper-font-subhead);
1842 border:none; 1856 border:none;
1843 outline: none; 1857 outline: none;
1844 background: white; 1858 background: white;
1845 width: 100%; 1859 width: 100%;
1846 text-align: left; 1860 text-align: left;
1847 } 1861 }
1848 1862
1849 :host([hidden]), .paper-item[hidden] { 1863 :host(paper-item[hidden]), :host(paper-icon-item[hidden]), .paper-item[hid den] {
1850 display: none !important; 1864 display: none !important;
1851 } 1865 }
1852 1866
1853 :host(.iron-selected), .paper-item.iron-selected { 1867 :host(paper-item.iron-selected), :host(paper-icon-item.iron-selected), .pa per-item.iron-selected {
1854 font-weight: var(--paper-item-selected-weight, bold); 1868 font-weight: var(--paper-item-selected-weight, bold);
1855 1869
1856 @apply(--paper-item-selected); 1870 @apply(--paper-item-selected);
1857 } 1871 }
1858 1872
1859 :host([disabled]), .paper-item[disabled] { 1873 :host(paper-item[disabled]), :host(paper-icon-item[disabled]), .paper-item [disabled] {
1860 color: var(--paper-item-disabled-color, --disabled-text-color); 1874 color: var(--paper-item-disabled-color, --disabled-text-color);
1861 1875
1862 @apply(--paper-item-disabled); 1876 @apply(--paper-item-disabled);
1863 } 1877 }
1864 1878
1865 :host(:focus), .paper-item:focus { 1879 :host(paper-item:focus), :host(paper-icon-item:focus), .paper-item:focus {
1866 position: relative; 1880 position: relative;
1867 outline: 0; 1881 outline: 0;
1868 1882
1869 @apply(--paper-item-focused); 1883 @apply(--paper-item-focused);
1870 } 1884 }
1871 1885
1872 :host(:focus):before, .paper-item:focus:before { 1886 :host(paper-item:focus):before, :host(paper-icon-item:focus):before, .pape r-item:focus:before {
1873 @apply(--layout-fit); 1887 @apply(--layout-fit);
1874 1888
1875 background: currentColor; 1889 background: currentColor;
1876 content: ''; 1890 content: '';
1877 opacity: var(--dark-divider-opacity); 1891 opacity: var(--dark-divider-opacity);
1878 pointer-events: none; 1892 pointer-events: none;
1879 1893
1880 @apply(--paper-item-focused-before); 1894 @apply(--paper-item-focused-before);
1881 } 1895 }
1882 </style> 1896 </style>
1883 </template> 1897 </template>
1884 </dom-module> 1898 </dom-module>
1885
1886
1887 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/"> 1899 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
1888 <template> 1900 <template>
1889 <style include="paper-item-shared-styles"></style> 1901 <style include="paper-item-shared-styles"></style>
1890 <style> 1902 <style>
1891 :host { 1903 :host {
1892 @apply(--layout-horizontal); 1904 @apply(--layout-horizontal);
1893 @apply(--layout-center); 1905 @apply(--layout-center);
1894 @apply(--paper-font-subhead); 1906 @apply(--paper-font-subhead);
1895 1907
1896 @apply(--paper-item); 1908 @apply(--paper-item);
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1931 1943
1932 @apply(--paper-menu-focused-item-after); 1944 @apply(--paper-menu-focused-item-after);
1933 } 1945 }
1934 1946
1935 .selectable-content > ::content > *[colored]:focus:after { 1947 .selectable-content > ::content > *[colored]:focus:after {
1936 opacity: 0.26; 1948 opacity: 0.26;
1937 } 1949 }
1938 </style> 1950 </style>
1939 </template> 1951 </template>
1940 </dom-module> 1952 </dom-module>
1941
1942
1943 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/"> 1953 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
1944 <template> 1954 <template>
1945 <style include="paper-menu-shared-styles"></style> 1955 <style include="paper-menu-shared-styles"></style>
1946 <style> 1956 <style>
1947 :host { 1957 :host {
1948 display: block; 1958 display: block;
1949 padding: 8px 0; 1959 padding: 8px 0;
1950 1960
1951 background: var(--paper-menu-background-color, --primary-background-colo r); 1961 background: var(--paper-menu-background-color, --primary-background-colo r);
1952 color: var(--paper-menu-color, --primary-text-color); 1962 color: var(--paper-menu-color, --primary-text-color);
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
1984 @apply(--iron-overlay-backdrop-opened); 1994 @apply(--iron-overlay-backdrop-opened);
1985 } 1995 }
1986 </style> 1996 </style>
1987 1997
1988 <content></content> 1998 <content></content>
1989 </template> 1999 </template>
1990 2000
1991 </dom-module> 2001 </dom-module>
1992 2002
1993 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 2003 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1994
1995
1996 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 2004 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
1997 <style> 2005 <style>
1998 :host { 2006 :host {
1999 position: fixed; 2007 position: fixed;
2000 } 2008 }
2001 2009
2002 #contentWrapper ::content > * { 2010 #contentWrapper ::content > * {
2003 overflow: auto; 2011 overflow: auto;
2004 } 2012 }
2005 2013
(...skipping 649 matching lines...) Expand 10 before | Expand all | Expand 10 after
2655 <paper-item on-tap="onOpenDownloadsFolderTap_"> 2663 <paper-item on-tap="onOpenDownloadsFolderTap_">
2656 $i18n{openDownloadsFolder} 2664 $i18n{openDownloadsFolder}
2657 </paper-item> 2665 </paper-item>
2658 </paper-menu> 2666 </paper-menu>
2659 </paper-menu-button> 2667 </paper-menu-button>
2660 </div> 2668 </div>
2661 </template> 2669 </template>
2662 2670
2663 2671
2664 </dom-module> 2672 </dom-module>
2665 <style>
2666 /* Copyright 2016 The Chromium Authors. All rights reserved.
2667 * Use of this source code is governed by a BSD-style license that can be
2668 * found in the LICENSE file. */
2669
2670 :root {
2671 /* This is a custom, Chrome-specific color that does not have a --paper or
2672 * --google equivalent. */
2673 --md-background-color: rgb(241, 241, 241);
2674 /* This is --google-blue-700, rewritten as a native custom property for speed.
2675 */
2676 --md-toolbar-color: rgb(51, 103, 214);
2677 }
2678
2679 </style>
2680
2681 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> 2673 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
2682 <template><style> 2674 <template><style>
2683 /* Copyright 2015 The Chromium Authors. All rights reserved. 2675 /* Copyright 2015 The Chromium Authors. All rights reserved.
2684 * Use of this source code is governed by a BSD-style license that can be 2676 * Use of this source code is governed by a BSD-style license that can be
2685 * found in the LICENSE file. */ 2677 * found in the LICENSE file. */
2686 2678
2687 :host { 2679 :host {
2688 display: flex; 2680 display: flex;
2689 flex: 1 0; 2681 flex: 1 0;
2690 flex-direction: column; 2682 flex-direction: column;
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
2776 <if expr="is_macosx"> 2768 <if expr="is_macosx">
2777 <command id="undo-command" shortcut="Meta-U+005A"></command> 2769 <command id="undo-command" shortcut="Meta-U+005A"></command>
2778 <command id="find-command" shortcut="Meta-U+0046"></command> 2770 <command id="find-command" shortcut="Meta-U+0046"></command>
2779 </if> 2771 </if>
2780 <if expr="not is_macosx"> 2772 <if expr="not is_macosx">
2781 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2773 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2782 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2774 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2783 </if> 2775 </if>
2784 <link rel="import" href="chrome://resources/html/polymer.html"> 2776 <link rel="import" href="chrome://resources/html/polymer.html">
2785 <script src="crisper.js"></script></body></html> 2777 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/settings/controls/settings_dropdown_menu.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698