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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2074483003: MD Downloads: hide ... (more options) menu on resize (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: michaelpg review 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/test/data/webui/md_downloads/downloads_browsertest.js » ('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) 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
72 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ "> 54 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">
73 <template> 55 <template>
74 <style> 56 <style>
75 :host { 57 :host {
76 display: block; 58 display: block;
77 position: relative; 59 position: relative;
78 } 60 }
79 61
80 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 62 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
81 :host { 63 :host {
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after
455 --layout-fixed-left: { 437 --layout-fixed-left: {
456 position: fixed; 438 position: fixed;
457 top: 0; 439 top: 0;
458 bottom: 0; 440 bottom: 0;
459 left: 0; 441 left: 0;
460 }; 442 };
461 443
462 } 444 }
463 445
464 </style> 446 </style>
447
448
465 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ "> 449 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
466 450
467 <style> 451 <style>
468 :host { 452 :host {
469 @apply(--layout-inline); 453 @apply(--layout-inline);
470 @apply(--layout-center-center); 454 @apply(--layout-center-center);
471 position: relative; 455 position: relative;
472 456
473 vertical-align: middle; 457 vertical-align: middle;
474 458
(...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after
642 :host([elevation="4"]) { 626 :host([elevation="4"]) {
643 @apply(--shadow-elevation-8dp); 627 @apply(--shadow-elevation-8dp);
644 } 628 }
645 629
646 :host([elevation="5"]) { 630 :host([elevation="5"]) {
647 @apply(--shadow-elevation-16dp); 631 @apply(--shadow-elevation-16dp);
648 } 632 }
649 </style> 633 </style>
650 </template> 634 </template>
651 </dom-module> 635 </dom-module>
636
637
652 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/"> 638 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
653 <template> 639 <template>
654 <style include="paper-material-shared-styles"></style> 640 <style include="paper-material-shared-styles"></style>
655 <style> 641 <style>
656 :host([animated]) { 642 :host([animated]) {
657 @apply(--shadow-transition); 643 @apply(--shadow-transition);
658 } 644 }
659 </style> 645 </style>
660 646
661 <content></content> 647 <content></content>
(...skipping 403 matching lines...) Expand 10 before | Expand all | Expand 10 after
1065 1051
1066 /* opacity for light text on a dark background */ 1052 /* opacity for light text on a dark background */
1067 --light-divider-opacity: 0.12; 1053 --light-divider-opacity: 0.12;
1068 --light-disabled-opacity: 0.3; /* or hint text or icon */ 1054 --light-disabled-opacity: 0.3; /* or hint text or icon */
1069 --light-secondary-opacity: 0.7; 1055 --light-secondary-opacity: 0.7;
1070 --light-primary-opacity: 1.0; 1056 --light-primary-opacity: 1.0;
1071 1057
1072 } 1058 }
1073 1059
1074 </style> 1060 </style>
1061
1062
1075 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/"> 1063 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1076 <template> 1064 <template>
1077 <style> 1065 <style>
1078 :host { 1066 :host {
1079 display: block; 1067 display: block;
1080 width: 200px; 1068 width: 200px;
1081 position: relative; 1069 position: relative;
1082 overflow: hidden; 1070 overflow: hidden;
1083 } 1071 }
1084 1072
(...skipping 495 matching lines...) Expand 10 before | Expand all | Expand 10 after
1580 </div> 1568 </div>
1581 </div> 1569 </div>
1582 1570
1583 </template> 1571 </template>
1584 1572
1585 1573
1586 1574
1587 </dom-module> 1575 </dom-module>
1588 1576
1589 1577
1590
1591
1592 <style is="custom-style"> 1578 <style is="custom-style">
1593 1579
1594 :root { 1580 :root {
1595 /* 1581 /*
1596 * You can use these generic variables in your elements for easy theming. 1582 * You can use these generic variables in your elements for easy theming.
1597 * For example, if all your elements use `--primary-text-color` as its main 1583 * For example, if all your elements use `--primary-text-color` as its main
1598 * color, then switching from a light to a dark theme is just a matter of 1584 * color, then switching from a light to a dark theme is just a matter of
1599 * changing the value of `--primary-text-color` in your application. 1585 * changing the value of `--primary-text-color` in your application.
1600 */ 1586 */
1601 --primary-text-color: var(--light-theme-text-color); 1587 --primary-text-color: var(--light-theme-text-color);
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
1639 1625
1640 /* 1626 /*
1641 * Deprecated values because of their confusing names. 1627 * Deprecated values because of their confusing names.
1642 */ 1628 */
1643 --text-primary-color: var(--dark-theme-text-color); 1629 --text-primary-color: var(--dark-theme-text-color);
1644 --default-primary-color: var(--primary-color); 1630 --default-primary-color: var(--primary-color);
1645 1631
1646 } 1632 }
1647 1633
1648 </style> 1634 </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>
1649 <style is="custom-style"> 1665 <style is="custom-style">
1650 1666
1651 :root { 1667 :root {
1652 1668
1653 /* Shared Styles */ 1669 /* Shared Styles */
1654 --paper-font-common-base: { 1670 --paper-font-common-base: {
1655 font-family: 'Roboto', 'Noto', sans-serif; 1671 font-family: 'Roboto', 'Noto', sans-serif;
1656 -webkit-font-smoothing: antialiased; 1672 -webkit-font-smoothing: antialiased;
1657 }; 1673 };
1658 1674
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
1795 @apply(--paper-font-common-code); 1811 @apply(--paper-font-common-code);
1796 1812
1797 font-size: 14px; 1813 font-size: 14px;
1798 font-weight: 500; 1814 font-weight: 500;
1799 line-height: 20px; 1815 line-height: 20px;
1800 }; 1816 };
1801 1817
1802 } 1818 }
1803 1819
1804 </style> 1820 </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>
1835 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/"> 1821 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
1836 <template> 1822 <template>
1837 <style> 1823 <style>
1838 :host, .paper-item { 1824 :host, .paper-item {
1839 display: block; 1825 display: block;
1840 position: relative; 1826 position: relative;
1841 min-height: var(--paper-item-min-height, 48px); 1827 min-height: var(--paper-item-min-height, 48px);
1842 padding: 0px 16px; 1828 padding: 0px 16px;
1843 } 1829 }
1844 1830
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
1880 background: currentColor; 1866 background: currentColor;
1881 content: ''; 1867 content: '';
1882 opacity: var(--dark-divider-opacity); 1868 opacity: var(--dark-divider-opacity);
1883 pointer-events: none; 1869 pointer-events: none;
1884 1870
1885 @apply(--paper-item-focused-before); 1871 @apply(--paper-item-focused-before);
1886 } 1872 }
1887 </style> 1873 </style>
1888 </template> 1874 </template>
1889 </dom-module> 1875 </dom-module>
1876
1877
1890 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/"> 1878 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
1891 <template> 1879 <template>
1892 <style include="paper-item-shared-styles"></style> 1880 <style include="paper-item-shared-styles"></style>
1893 <style> 1881 <style>
1894 :host { 1882 :host {
1895 @apply(--layout-horizontal); 1883 @apply(--layout-horizontal);
1896 @apply(--layout-center); 1884 @apply(--layout-center);
1897 @apply(--paper-font-subhead); 1885 @apply(--paper-font-subhead);
1898 1886
1899 @apply(--paper-item); 1887 @apply(--paper-item);
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1934 1922
1935 @apply(--paper-menu-focused-item-after); 1923 @apply(--paper-menu-focused-item-after);
1936 } 1924 }
1937 1925
1938 .selectable-content > ::content > *[colored]:focus:after { 1926 .selectable-content > ::content > *[colored]:focus:after {
1939 opacity: 0.26; 1927 opacity: 0.26;
1940 } 1928 }
1941 </style> 1929 </style>
1942 </template> 1930 </template>
1943 </dom-module> 1931 </dom-module>
1932
1933
1944 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/"> 1934 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
1945 <template> 1935 <template>
1946 <style include="paper-menu-shared-styles"></style> 1936 <style include="paper-menu-shared-styles"></style>
1947 <style> 1937 <style>
1948 :host { 1938 :host {
1949 display: block; 1939 display: block;
1950 padding: 8px 0; 1940 padding: 8px 0;
1951 1941
1952 background: var(--paper-menu-background-color, --primary-background-colo r); 1942 background: var(--paper-menu-background-color, --primary-background-colo r);
1953 color: var(--paper-menu-color, --primary-text-color); 1943 color: var(--paper-menu-color, --primary-text-color);
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
1985 } 1975 }
1986 </style> 1976 </style>
1987 1977
1988 <template> 1978 <template>
1989 <content></content> 1979 <content></content>
1990 </template> 1980 </template>
1991 1981
1992 </dom-module> 1982 </dom-module>
1993 1983
1994 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 1984 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1985
1986
1995 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 1987 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
1996 <style> 1988 <style>
1997 :host { 1989 :host {
1998 position: fixed; 1990 position: fixed;
1999 } 1991 }
2000 1992
2001 #contentWrapper ::content > * { 1993 #contentWrapper ::content > * {
2002 overflow: auto; 1994 overflow: auto;
2003 } 1995 }
2004 1996
(...skipping 642 matching lines...) Expand 10 before | Expand all | Expand 10 after
2647 <paper-item on-tap="onOpenDownloadsFolderTap_"> 2639 <paper-item on-tap="onOpenDownloadsFolderTap_">
2648 $i18n{openDownloadsFolder} 2640 $i18n{openDownloadsFolder}
2649 </paper-item> 2641 </paper-item>
2650 </paper-menu> 2642 </paper-menu>
2651 </paper-menu-button> 2643 </paper-menu-button>
2652 </div> 2644 </div>
2653 </template> 2645 </template>
2654 2646
2655 2647
2656 </dom-module> 2648 </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
2657 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> 2665 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
2658 <template><style> 2666 <template><style>
2659 /* Copyright 2015 The Chromium Authors. All rights reserved. 2667 /* Copyright 2015 The Chromium Authors. All rights reserved.
2660 * Use of this source code is governed by a BSD-style license that can be 2668 * Use of this source code is governed by a BSD-style license that can be
2661 * found in the LICENSE file. */ 2669 * found in the LICENSE file. */
2662 2670
2663 :host { 2671 :host {
2664 display: flex; 2672 display: flex;
2665 flex: 1 0; 2673 flex: 1 0;
2666 flex-direction: column; 2674 flex-direction: column;
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
2752 <if expr="is_macosx"> 2760 <if expr="is_macosx">
2753 <command id="undo-command" shortcut="Meta-U+005A"></command> 2761 <command id="undo-command" shortcut="Meta-U+005A"></command>
2754 <command id="find-command" shortcut="Meta-U+0046"></command> 2762 <command id="find-command" shortcut="Meta-U+0046"></command>
2755 </if> 2763 </if>
2756 <if expr="not is_macosx"> 2764 <if expr="not is_macosx">
2757 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2765 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2758 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2766 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2759 </if> 2767 </if>
2760 <link rel="import" href="chrome://resources/html/polymer.html"> 2768 <link rel="import" href="chrome://resources/html/polymer.html">
2761 <script src="crisper.js"></script></body></html> 2769 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.js ('k') | chrome/test/data/webui/md_downloads/downloads_browsertest.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698