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

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

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