| OLD | NEW |
|---|
| 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- | 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang: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 18 matching lines...) Expand all Loading... |
| 29 } | 29 } |
| 30 | 30 |
| 31 body { | 31 body { |
| 32 display: flex; | 32 display: flex; |
| 33 margin: 0; | 33 margin: 0; |
| 34 } | 34 } |
| 35 </style> | 35 </style> |
| 36 </head> | 36 </head> |
| 37 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> | 37 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> |
| 38 <script src="chrome://downloads/strings.js"></script> | 38 <script src="chrome://downloads/strings.js"></script> |
| 39 |
| 40 |
| 39 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> | 41 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> |
| 40 <template> | 42 <template> |
| 41 <style> | 43 <style> |
| 42 :host { | 44 :host { |
| 43 display: block; | 45 display: block; |
| 44 position: relative; | 46 position: relative; |
| 45 } | 47 } |
| 46 | 48 |
| 47 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 49 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 48 :host { | 50 :host { |
| (...skipping 190 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 239 -webkit-align-items: center; | 241 -webkit-align-items: center; |
| 240 align-items: center; | 242 align-items: center; |
| 241 }; | 243 }; |
| 242 | 244 |
| 243 --layout-end: { | 245 --layout-end: { |
| 244 -ms-flex-align: end; | 246 -ms-flex-align: end; |
| 245 -webkit-align-items: flex-end; | 247 -webkit-align-items: flex-end; |
| 246 align-items: flex-end; | 248 align-items: flex-end; |
| 247 }; | 249 }; |
| 248 | 250 |
| 251 --layout-baseline: { |
| 252 -ms-flex-align: baseline; |
| 253 -webkit-align-items: baseline; |
| 254 align-items: baseline; |
| 255 }; |
| 256 |
| 249 /* alignment in main axis */ | 257 /* alignment in main axis */ |
| 250 | 258 |
| 251 --layout-start-justified: { | 259 --layout-start-justified: { |
| 252 -ms-flex-pack: start; | 260 -ms-flex-pack: start; |
| 253 -webkit-justify-content: flex-start; | 261 -webkit-justify-content: flex-start; |
| 254 justify-content: flex-start; | 262 justify-content: flex-start; |
| 255 }; | 263 }; |
| 256 | 264 |
| 257 --layout-center-justified: { | 265 --layout-center-justified: { |
| 258 -ms-flex-pack: center; | 266 -ms-flex-pack: center; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 302 -webkit-align-self: flex-end; | 310 -webkit-align-self: flex-end; |
| 303 align-self: flex-end; | 311 align-self: flex-end; |
| 304 }; | 312 }; |
| 305 | 313 |
| 306 --layout-self-stretch: { | 314 --layout-self-stretch: { |
| 307 -ms-align-self: stretch; | 315 -ms-align-self: stretch; |
| 308 -webkit-align-self: stretch; | 316 -webkit-align-self: stretch; |
| 309 align-self: stretch; | 317 align-self: stretch; |
| 310 }; | 318 }; |
| 311 | 319 |
| 320 --layout-self-baseline: { |
| 321 -ms-align-self: baseline; |
| 322 -webkit-align-self: baseline; |
| 323 align-self: baseline; |
| 324 }; |
| 325 |
| 326 /* multi-line alignment in main axis */ |
| 327 |
| 328 --layout-start-aligned: { |
| 329 -ms-flex-line-pack: start; /* IE10 */ |
| 330 -ms-align-content: flex-start; |
| 331 -webkit-align-content: flex-start; |
| 332 align-content: flex-start; |
| 333 }; |
| 334 |
| 335 --layout-end-aligned: { |
| 336 -ms-flex-line-pack: end; /* IE10 */ |
| 337 -ms-align-content: flex-end; |
| 338 -webkit-align-content: flex-end; |
| 339 align-content: flex-end; |
| 340 }; |
| 341 |
| 342 --layout-center-aligned: { |
| 343 -ms-flex-line-pack: center; /* IE10 */ |
| 344 -ms-align-content: center; |
| 345 -webkit-align-content: center; |
| 346 align-content: center; |
| 347 }; |
| 348 |
| 349 --layout-between-aligned: { |
| 350 -ms-flex-line-pack: justify; /* IE10 */ |
| 351 -ms-align-content: space-between; |
| 352 -webkit-align-content: space-between; |
| 353 align-content: space-between; |
| 354 }; |
| 355 |
| 356 --layout-around-aligned: { |
| 357 -ms-flex-line-pack: distribute; /* IE10 */ |
| 358 -ms-align-content: space-around; |
| 359 -webkit-align-content: space-around; |
| 360 align-content: space-around; |
| 361 }; |
| 362 |
| 312 /******************************* | 363 /******************************* |
| 313 Other Layout | 364 Other Layout |
| 314 *******************************/ | 365 *******************************/ |
| 315 | 366 |
| 316 --layout-block: { | 367 --layout-block: { |
| 317 display: block; | 368 display: block; |
| 318 }; | 369 }; |
| 319 | 370 |
| 320 --layout-invisible: { | 371 --layout-invisible: { |
| 321 visibility: hidden !important; | 372 visibility: hidden !important; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 369 --layout-fixed-left: { | 420 --layout-fixed-left: { |
| 370 position: fixed; | 421 position: fixed; |
| 371 top: 0; | 422 top: 0; |
| 372 bottom: 0; | 423 bottom: 0; |
| 373 left: 0; | 424 left: 0; |
| 374 }; | 425 }; |
| 375 | 426 |
| 376 } | 427 } |
| 377 | 428 |
| 378 </style> | 429 </style> |
| 379 | |
| 380 | |
| 381 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> | 430 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> |
| 382 | 431 |
| 383 <style> | 432 <style> |
| 384 :host { | 433 :host { |
| 385 @apply(--layout-inline); | 434 @apply(--layout-inline); |
| 386 @apply(--layout-center-center); | 435 @apply(--layout-center-center); |
| 387 position: relative; | 436 position: relative; |
| 388 | 437 |
| 389 vertical-align: middle; | 438 vertical-align: middle; |
| 390 | 439 |
| (...skipping 470 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 861 :host([elevation="4"]) { | 910 :host([elevation="4"]) { |
| 862 @apply(--shadow-elevation-8dp); | 911 @apply(--shadow-elevation-8dp); |
| 863 } | 912 } |
| 864 | 913 |
| 865 :host([elevation="5"]) { | 914 :host([elevation="5"]) { |
| 866 @apply(--shadow-elevation-16dp); | 915 @apply(--shadow-elevation-16dp); |
| 867 } | 916 } |
| 868 </style> | 917 </style> |
| 869 </template> | 918 </template> |
| 870 </dom-module> | 919 </dom-module> |
| 871 | |
| 872 | |
| 873 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> | 920 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> |
| 874 <template> | 921 <template> |
| 875 <style include="paper-material-shared-styles"></style> | 922 <style include="paper-material-shared-styles"></style> |
| 876 <style> | 923 <style> |
| 877 :host([animated]) { | 924 :host([animated]) { |
| 878 @apply(--shadow-transition); | 925 @apply(--shadow-transition); |
| 879 } | 926 } |
| 880 </style> | 927 </style> |
| 881 | 928 |
| 882 <content></content> | 929 <content></content> |
| (...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1254 | 1301 |
| 1255 /* opacity for light text on a dark background */ | 1302 /* opacity for light text on a dark background */ |
| 1256 --light-divider-opacity: 0.12; | 1303 --light-divider-opacity: 0.12; |
| 1257 --light-disabled-opacity: 0.3; /* or hint text or icon */ | 1304 --light-disabled-opacity: 0.3; /* or hint text or icon */ |
| 1258 --light-secondary-opacity: 0.7; | 1305 --light-secondary-opacity: 0.7; |
| 1259 --light-primary-opacity: 1.0; | 1306 --light-primary-opacity: 1.0; |
| 1260 | 1307 |
| 1261 } | 1308 } |
| 1262 | 1309 |
| 1263 </style> | 1310 </style> |
| 1264 | |
| 1265 | |
| 1266 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> | 1311 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> |
| 1267 <template> | 1312 <template> |
| 1268 <style> | 1313 <style> |
| 1269 :host { | 1314 :host { |
| 1270 display: block; | 1315 display: block; |
| 1271 width: 200px; | 1316 width: 200px; |
| 1272 position: relative; | 1317 position: relative; |
| 1273 overflow: hidden; | 1318 overflow: hidden; |
| 1274 } | 1319 } |
| 1275 | 1320 |
| 1276 #progressContainer { | 1321 #progressContainer { |
| 1277 position: relative; | 1322 position: relative; |
| 1278 } | 1323 } |
| 1279 | 1324 |
| 1280 #progressContainer, | 1325 #progressContainer, |
| 1281 /* the stripe for the indeterminate animation*/ | 1326 /* the stripe for the indeterminate animation*/ |
| 1282 .indeterminate::after { | 1327 .indeterminate::after { |
| 1283 height: var(--paper-progress-height, 4px); | 1328 height: var(--paper-progress-height, 4px); |
| 1284 } | 1329 } |
| 1285 | 1330 |
| 1286 #primaryProgress, | 1331 #primaryProgress, |
| 1287 #secondaryProgress, | 1332 #secondaryProgress, |
| 1288 .indeterminate::after { | 1333 .indeterminate::after { |
| 1289 @apply(--layout-fit); | 1334 @apply(--layout-fit); |
| 1290 } | 1335 } |
| 1291 | 1336 |
| 1292 #progressContainer, | 1337 #progressContainer, |
| 1293 .indeterminate::after { | 1338 .indeterminate::after { |
| 1294 background-color: var(--paper-progress-container-color, --google-grey-30
0); | 1339 background: var(--paper-progress-container-color, --google-grey-300); |
| 1295 } | 1340 } |
| 1296 | 1341 |
| 1297 :host(.transiting) #primaryProgress, | 1342 :host(.transiting) #primaryProgress, |
| 1298 :host(.transiting) #secondaryProgress { | 1343 :host(.transiting) #secondaryProgress { |
| 1299 -webkit-transition-property: -webkit-transform; | 1344 -webkit-transition-property: -webkit-transform; |
| 1300 transition-property: transform; | 1345 transition-property: transform; |
| 1301 | 1346 |
| 1302 /* Duration */ | 1347 /* Duration */ |
| 1303 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); | 1348 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); |
| 1304 transition-duration: var(--paper-progress-transition-duration, 0.08s); | 1349 transition-duration: var(--paper-progress-transition-duration, 0.08s); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 1316 #secondaryProgress { | 1361 #secondaryProgress { |
| 1317 @apply(--layout-fit); | 1362 @apply(--layout-fit); |
| 1318 -webkit-transform-origin: left center; | 1363 -webkit-transform-origin: left center; |
| 1319 transform-origin: left center; | 1364 transform-origin: left center; |
| 1320 -webkit-transform: scaleX(0); | 1365 -webkit-transform: scaleX(0); |
| 1321 transform: scaleX(0); | 1366 transform: scaleX(0); |
| 1322 will-change: transform; | 1367 will-change: transform; |
| 1323 } | 1368 } |
| 1324 | 1369 |
| 1325 #primaryProgress { | 1370 #primaryProgress { |
| 1326 background-color: var(--paper-progress-active-color, --google-green-500)
; | 1371 background: var(--paper-progress-active-color, --google-green-500); |
| 1327 } | 1372 } |
| 1328 | 1373 |
| 1329 #secondaryProgress { | 1374 #secondaryProgress { |
| 1330 position: relative; | 1375 background: var(--paper-progress-secondary-color, --google-green-100); |
| 1331 background-color: var(--paper-progress-secondary-color, --google-green-1
00); | |
| 1332 } | 1376 } |
| 1333 | 1377 |
| 1334 :host([disabled]) #primaryProgress { | 1378 :host([disabled]) #primaryProgress { |
| 1335 background-color: var(--paper-progress-disabled-active-color, --google-g
rey-500); | 1379 background: var(--paper-progress-disabled-active-color, --google-grey-50
0); |
| 1336 } | 1380 } |
| 1337 | 1381 |
| 1338 :host([disabled]) #secondaryProgress { | 1382 :host([disabled]) #secondaryProgress { |
| 1339 background-color: var(--paper-progress-disabled-secondary-color, --googl
e-grey-300); | 1383 background: var(--paper-progress-disabled-secondary-color, --google-grey
-300); |
| 1340 } | 1384 } |
| 1341 | 1385 |
| 1342 :host(:not([disabled])) #primaryProgress.indeterminate { | 1386 :host(:not([disabled])) #primaryProgress.indeterminate { |
| 1343 -webkit-transform-origin: right center; | 1387 -webkit-transform-origin: right center; |
| 1344 transform-origin: right center; | 1388 transform-origin: right center; |
| 1345 -webkit-animation: indeterminate-bar 2s linear infinite; | 1389 -webkit-animation: indeterminate-bar 2s linear infinite; |
| 1346 animation: indeterminate-bar 2s linear infinite; | 1390 animation: indeterminate-bar 2s linear infinite; |
| 1347 } | 1391 } |
| 1348 | 1392 |
| 1349 :host(:not([disabled])) #primaryProgress.indeterminate::after { | 1393 :host(:not([disabled])) #primaryProgress.indeterminate::after { |
| (...skipping 420 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1770 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> | 1814 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> |
| 1771 </div> | 1815 </div> |
| 1772 | 1816 |
| 1773 </template> | 1817 </template> |
| 1774 | 1818 |
| 1775 | 1819 |
| 1776 | 1820 |
| 1777 </dom-module> | 1821 </dom-module> |
| 1778 | 1822 |
| 1779 | 1823 |
| 1824 |
| 1825 |
| 1780 <style is="custom-style"> | 1826 <style is="custom-style"> |
| 1781 | 1827 |
| 1782 :root { | 1828 :root { |
| 1783 /* | 1829 /* |
| 1784 * You can use these generic variables in your elements for easy theming. | 1830 * You can use these generic variables in your elements for easy theming. |
| 1785 * For example, if all your elements use `--primary-text-color` as its main | 1831 * For example, if all your elements use `--primary-text-color` as its main |
| 1786 * color, then switching from a light to a dark theme is just a matter of | 1832 * color, then switching from a light to a dark theme is just a matter of |
| 1787 * changing the value of `--primary-text-color` in your application. | 1833 * changing the value of `--primary-text-color` in your application. |
| 1788 */ | 1834 */ |
| 1789 --primary-text-color: var(--light-theme-text-color); | 1835 --primary-text-color: var(--light-theme-text-color); |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1827 | 1873 |
| 1828 /* | 1874 /* |
| 1829 * Deprecated values because of their confusing names. | 1875 * Deprecated values because of their confusing names. |
| 1830 */ | 1876 */ |
| 1831 --text-primary-color: var(--dark-theme-text-color); | 1877 --text-primary-color: var(--dark-theme-text-color); |
| 1832 --default-primary-color: var(--primary-color); | 1878 --default-primary-color: var(--primary-color); |
| 1833 | 1879 |
| 1834 } | 1880 } |
| 1835 | 1881 |
| 1836 </style> | 1882 </style> |
| 1883 <llink rel="import" href="chrome://resources/polymer/v1_0/paper-styles/typograph
y.html"> |
| 1884 |
| 1837 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> | 1885 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> |
| 1838 <template> | 1886 <template> |
| 1839 <style> | 1887 <style> |
| 1840 :host { | 1888 :host, .paper-item { |
| 1841 display: block; | 1889 display: block; |
| 1842 position: relative; | 1890 position: relative; |
| 1843 min-height: var(--paper-item-min-height, 48px); | 1891 min-height: var(--paper-item-min-height, 48px); |
| 1844 padding: 0px 16px; | 1892 padding: 0px 16px; |
| 1845 } | 1893 } |
| 1846 | 1894 |
| 1847 :host([hidden]) { | 1895 .paper-item { |
| 1896 @apply(--paper-font-subhead); |
| 1897 border:none; |
| 1898 outline: none; |
| 1899 background: white; |
| 1900 width: 100%; |
| 1901 text-align: left; |
| 1902 } |
| 1903 |
| 1904 :host([hidden]), .paper-item[hidden] { |
| 1848 display: none !important; | 1905 display: none !important; |
| 1849 } | 1906 } |
| 1850 | 1907 |
| 1851 :host(.iron-selected) { | 1908 :host(.iron-selected), .paper-item.iron-selected { |
| 1852 font-weight: var(--paper-item-selected-weight, bold); | 1909 font-weight: var(--paper-item-selected-weight, bold); |
| 1853 | 1910 |
| 1854 @apply(--paper-item-selected); | 1911 @apply(--paper-item-selected); |
| 1855 } | 1912 } |
| 1856 | 1913 |
| 1857 :host([disabled]) { | 1914 :host([disabled]), .paper-item[disabled] { |
| 1858 color: var(--paper-item-disabled-color, --disabled-text-color); | 1915 color: var(--paper-item-disabled-color, --disabled-text-color); |
| 1859 | 1916 |
| 1860 @apply(--paper-item-disabled); | 1917 @apply(--paper-item-disabled); |
| 1861 } | 1918 } |
| 1862 | 1919 |
| 1863 :host(:focus) { | 1920 :host(:focus), .paper-item:focus { |
| 1864 position: relative; | 1921 position: relative; |
| 1865 outline: 0; | 1922 outline: 0; |
| 1866 | 1923 |
| 1867 @apply(--paper-item-focused); | 1924 @apply(--paper-item-focused); |
| 1868 } | 1925 } |
| 1869 | 1926 |
| 1870 :host(:focus):before { | 1927 :host(:focus):before, .paper-item:focus:before { |
| 1871 @apply(--layout-fit); | 1928 @apply(--layout-fit); |
| 1872 | 1929 |
| 1873 background: currentColor; | 1930 background: currentColor; |
| 1874 content: ''; | 1931 content: ''; |
| 1875 opacity: var(--dark-divider-opacity); | 1932 opacity: var(--dark-divider-opacity); |
| 1876 pointer-events: none; | 1933 pointer-events: none; |
| 1877 | 1934 |
| 1878 @apply(--paper-item-focused-before); | 1935 @apply(--paper-item-focused-before); |
| 1879 } | 1936 } |
| 1880 </style> | 1937 </style> |
| 1881 </template> | 1938 </template> |
| 1882 </dom-module> | 1939 </dom-module> |
| 1883 | 1940 </llink><dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/p
aper-item/"> |
| 1884 | |
| 1885 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> | |
| 1886 <template> | 1941 <template> |
| 1887 <style include="paper-item-shared-styles"></style> | 1942 <style include="paper-item-shared-styles"></style> |
| 1888 <style> | 1943 <style> |
| 1889 :host { | 1944 :host { |
| 1890 @apply(--layout-horizontal); | 1945 @apply(--layout-horizontal); |
| 1891 @apply(--layout-center); | 1946 @apply(--layout-center); |
| 1892 @apply(--paper-font-subhead); | 1947 @apply(--paper-font-subhead); |
| 1893 | 1948 |
| 1894 @apply(--paper-item); | 1949 @apply(--paper-item); |
| 1895 } | 1950 } |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1929 | 1984 |
| 1930 @apply(--paper-menu-focused-item-after); | 1985 @apply(--paper-menu-focused-item-after); |
| 1931 } | 1986 } |
| 1932 | 1987 |
| 1933 .selectable-content > ::content > *[colored]:focus:after { | 1988 .selectable-content > ::content > *[colored]:focus:after { |
| 1934 opacity: 0.26; | 1989 opacity: 0.26; |
| 1935 } | 1990 } |
| 1936 </style> | 1991 </style> |
| 1937 </template> | 1992 </template> |
| 1938 </dom-module> | 1993 </dom-module> |
| 1939 | |
| 1940 | |
| 1941 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> | 1994 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> |
| 1942 <template> | 1995 <template> |
| 1943 <style include="paper-menu-shared-styles"></style> | 1996 <style include="paper-menu-shared-styles"></style> |
| 1944 <style> | 1997 <style> |
| 1945 :host { | 1998 :host { |
| 1946 display: block; | 1999 display: block; |
| 1947 padding: 8px 0; | 2000 padding: 8px 0; |
| 1948 | 2001 |
| 1949 background: var(--paper-menu-background-color, --primary-background-colo
r); | 2002 background: var(--paper-menu-background-color, --primary-background-colo
r); |
| 1950 color: var(--paper-menu-color, --primary-text-color); | 2003 color: var(--paper-menu-color, --primary-text-color); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 1965 | 2018 |
| 1966 :host { | 2019 :host { |
| 1967 position: fixed; | 2020 position: fixed; |
| 1968 top: 0; | 2021 top: 0; |
| 1969 left: 0; | 2022 left: 0; |
| 1970 width: 100vw; | 2023 width: 100vw; |
| 1971 height: 100vh; | 2024 height: 100vh; |
| 1972 background-color: var(--iron-overlay-backdrop-background-color, #000); | 2025 background-color: var(--iron-overlay-backdrop-background-color, #000); |
| 1973 opacity: 0; | 2026 opacity: 0; |
| 1974 transition: opacity 0.2s; | 2027 transition: opacity 0.2s; |
| 2028 pointer-events: none; |
| 1975 | 2029 |
| 1976 @apply(--iron-overlay-backdrop); | 2030 @apply(--iron-overlay-backdrop); |
| 1977 } | 2031 } |
| 1978 | 2032 |
| 1979 :host([opened]) { | 2033 :host([opened]) { |
| 1980 opacity: var(--iron-overlay-backdrop-opacity, 0.6); | 2034 opacity: var(--iron-overlay-backdrop-opacity, 0.6); |
| 2035 pointer-events: auto; |
| 1981 | 2036 |
| 1982 @apply(--iron-overlay-backdrop-opened); | 2037 @apply(--iron-overlay-backdrop-opened); |
| 1983 } | 2038 } |
| 1984 | 2039 |
| 1985 </style> | 2040 </style> |
| 1986 | 2041 |
| 1987 <template> | 2042 <template> |
| 1988 <content></content> | 2043 <content></content> |
| 1989 </template> | 2044 </template> |
| 1990 | 2045 |
| 1991 </dom-module> | 2046 </dom-module> |
| 1992 | 2047 |
| 1993 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 2048 <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/"> | 2049 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> |
| 1997 <style> | 2050 <style> |
| 1998 :host { | 2051 :host { |
| 1999 position: fixed; | 2052 position: fixed; |
| 2000 } | 2053 } |
| 2001 | 2054 |
| 2002 #contentWrapper ::content > * { | 2055 #contentWrapper ::content > * { |
| 2003 overflow: auto; | 2056 overflow: auto; |
| 2004 } | 2057 } |
| 2005 | 2058 |
| 2006 #contentWrapper.animating ::content > * { | 2059 #contentWrapper.animating ::content > * { |
| 2007 overflow: hidden; | 2060 overflow: hidden; |
| 2008 } | 2061 } |
| 2009 </style> | 2062 </style> |
| 2010 <template> | 2063 <template> |
| 2011 <div id="contentWrapper"> | 2064 <div id="contentWrapper"> |
| 2012 <content id="content" select=".dropdown-content"></content> | 2065 <content id="content" select=".dropdown-content"></content> |
| 2013 </div> | 2066 </div> |
| 2014 </template> | 2067 </template> |
| 2015 | 2068 |
| 2016 </dom-module> | 2069 </dom-module> |
| 2017 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa
per-menu-button/"> | 2070 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa
per-menu-button/"> |
| 2018 <style> | 2071 <template> |
| 2019 :host { | 2072 <style> |
| 2020 display: inline-block; | 2073 :host { |
| 2021 position: relative; | 2074 display: inline-block; |
| 2022 padding: 8px; | 2075 position: relative; |
| 2023 outline: none; | 2076 padding: 8px; |
| 2077 outline: none; |
| 2024 | 2078 |
| 2025 @apply(--paper-menu-button); | 2079 @apply(--paper-menu-button); |
| 2026 } | 2080 } |
| 2027 | 2081 |
| 2028 :host([disabled]) { | 2082 :host([disabled]) { |
| 2029 cursor: auto; | 2083 cursor: auto; |
| 2030 color: var(--disabled-text-color); | 2084 color: var(--disabled-text-color); |
| 2031 | 2085 |
| 2032 @apply(--paper-menu-button-disabled); | 2086 @apply(--paper-menu-button-disabled); |
| 2033 } | 2087 } |
| 2034 | 2088 |
| 2035 :host([vertical-align="top"]) paper-material { | 2089 iron-dropdown { |
| 2036 margin-bottom: 20px; | 2090 @apply(--paper-menu-button-dropdown); |
| 2037 margin-top: -10px; | 2091 } |
| 2038 top: 10px; | |
| 2039 } | |
| 2040 | 2092 |
| 2041 :host([vertical-align="bottom"]) paper-material { | 2093 .dropdown-content { |
| 2042 bottom: 10px; | 2094 @apply(--shadow-elevation-2dp); |
| 2043 margin-bottom: -10px; | |
| 2044 margin-top: 20px; | |
| 2045 } | |
| 2046 | 2095 |
| 2047 iron-dropdown { | 2096 position: relative; |
| 2048 @apply(--paper-menu-button-dropdown); | 2097 border-radius: 2px; |
| 2049 } | 2098 background-color: var(--paper-menu-button-dropdown-background, --primary
-background-color); |
| 2050 | 2099 |
| 2051 .dropdown-content { | 2100 @apply(--paper-menu-button-content); |
| 2052 border-radius: 2px; | 2101 } |
| 2053 background-color: var(--paper-menu-button-dropdown-background, --primary-b
ackground-color); | 2102 |
| 2054 @apply(--paper-menu-button-content); | 2103 :host([vertical-align="top"]) .dropdown-content { |
| 2055 } | 2104 margin-bottom: 20px; |
| 2056 </style> | 2105 margin-top: -10px; |
| 2057 <template> | 2106 top: 10px; |
| 2058 <div id="trigger" on-tap="open"> | 2107 } |
| 2108 |
| 2109 :host([vertical-align="bottom"]) .dropdown-content { |
| 2110 bottom: 10px; |
| 2111 margin-bottom: -10px; |
| 2112 margin-top: 20px; |
| 2113 } |
| 2114 </style> |
| 2115 |
| 2116 <div id="trigger" on-tap="toggle"> |
| 2059 <content select=".dropdown-trigger"></content> | 2117 <content select=".dropdown-trigger"></content> |
| 2060 </div> | 2118 </div> |
| 2061 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon
talAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOf
fset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimat
ionConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[
noAnimations]]" focus-target="[[_dropdownContent]]"> | 2119 |
| 2062 <paper-material class="dropdown-content"> | 2120 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon
talAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOf
fset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimat
ionConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[
noAnimations]]" focus-target="[[_dropdownContent]]" on-iron-overlay-canceled="__
onIronOverlayCanceled"> |
| 2121 <div class="dropdown-content"> |
| 2063 <content id="content" select=".dropdown-content"></content> | 2122 <content id="content" select=".dropdown-content"></content> |
| 2064 </paper-material> | 2123 </div> |
| 2065 </iron-dropdown> | 2124 </iron-dropdown> |
| 2066 </template> | 2125 </template> |
| 2067 </dom-module> | 2126 |
| 2127 </dom-module> |
| 2068 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/"> | 2128 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/"> |
| 2069 <template strip-whitespace=""> | 2129 <template strip-whitespace=""> |
| 2070 <style> | 2130 <style> |
| 2071 :host { | 2131 :host { |
| 2072 display: inline-block; | 2132 display: inline-block; |
| 2073 position: relative; | 2133 position: relative; |
| 2074 padding: 8px; | 2134 padding: 8px; |
| 2075 outline: none; | 2135 outline: none; |
| 2076 -webkit-tap-highlight-color: rgba(0,0,0,0); | 2136 -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 2077 -webkit-user-select: none; | 2137 -webkit-user-select: none; |
| 2078 -moz-user-select: none; | 2138 -moz-user-select: none; |
| 2079 -ms-user-select: none; | 2139 -ms-user-select: none; |
| 2080 user-select: none; | 2140 user-select: none; |
| 2081 cursor: pointer; | 2141 cursor: pointer; |
| 2082 z-index: 0; | 2142 z-index: 0; |
| 2083 line-height: 1; | 2143 line-height: 1; |
| 2084 | 2144 |
| 2085 width: 40px; | 2145 width: 40px; |
| 2086 height: 40px; | 2146 height: 40px; |
| 2087 | 2147 |
| 2088 /* Because of polymer/2558, this style has lower specificity than * */ | 2148 /* Because of polymer/2558, this style has lower specificity than * */ |
| 2089 box-sizing: border-box !important; | 2149 box-sizing: border-box !important; |
| 2150 |
| 2090 @apply(--paper-icon-button); | 2151 @apply(--paper-icon-button); |
| 2091 } | 2152 } |
| 2092 | 2153 |
| 2093 :host #ink { | 2154 :host #ink { |
| 2094 color: var(--paper-icon-button-ink-color, --primary-text-color); | 2155 color: var(--paper-icon-button-ink-color, --primary-text-color); |
| 2095 opacity: 0.6; | 2156 opacity: 0.6; |
| 2096 } | 2157 } |
| 2097 | 2158 |
| 2098 :host([disabled]) { | 2159 :host([disabled]) { |
| 2099 color: var(--paper-icon-button-disabled-text, --disabled-text-color); | 2160 color: var(--paper-icon-button-disabled-text, --disabled-text-color); |
| 2100 pointer-events: none; | 2161 pointer-events: none; |
| 2101 cursor: auto; | 2162 cursor: auto; |
| 2163 |
| 2102 @apply(--paper-icon-button-disabled); | 2164 @apply(--paper-icon-button-disabled); |
| 2103 } | 2165 } |
| 2104 | 2166 |
| 2105 :host(:hover) { | 2167 :host(:hover) { |
| 2106 @apply(--paper-icon-button-hover); | 2168 @apply(--paper-icon-button-hover); |
| 2107 } | 2169 } |
| 2108 | 2170 |
| 2109 iron-icon { | 2171 iron-icon { |
| 2110 --iron-icon-width: 100%; | 2172 --iron-icon-width: 100%; |
| 2111 --iron-icon-height: 100%; | 2173 --iron-icon-height: 100%; |
| 2112 } | 2174 } |
| 2113 </style> | 2175 </style> |
| 2176 |
| 2114 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> | 2177 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> |
| 2115 </template> | 2178 </template> |
| 2116 | 2179 |
| 2117 </dom-module> | 2180 </dom-module> |
| 2118 <style> | 2181 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/
iron-a11y-announcer/"> |
| 2119 /* Copyright 2015 The Chromium Authors. All rights reserved. | 2182 <style> |
| 2120 * Use of this source code is governed by a BSD-style license that can be | 2183 :host { |
| 2121 * found in the LICENSE file. */ | 2184 display: inline-block; |
| 2185 position: fixed; |
| 2186 clip: rect(0px,0px,0px,0px); |
| 2187 } |
| 2188 </style> |
| 2122 | 2189 |
| 2123 @font-face { | 2190 <template> |
| 2124 font-family: 'Roboto'; | 2191 <div aria-live$="[[mode]]">[[_text]]</div> |
| 2125 font-style: normal; | 2192 </template> |
| 2126 font-weight: 300; | |
| 2127 src: local('Roboto Light'), local('Roboto-Light'), | |
| 2128 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); | |
| 2129 } | |
| 2130 | 2193 |
| 2131 @font-face { | 2194 </dom-module> |
| 2132 font-family: 'Roboto'; | |
| 2133 font-style: normal; | |
| 2134 font-weight: 400; | |
| 2135 src: local('Roboto'), local('Roboto-Regular'), | |
| 2136 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
| 2137 } | |
| 2138 | |
| 2139 @font-face { | |
| 2140 font-family: 'Roboto'; | |
| 2141 font-style: normal; | |
| 2142 font-weight: 500; | |
| 2143 src: local('Roboto Medium'), local('Roboto-Medium'), | |
| 2144 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
| 2145 } | |
| 2146 | |
| 2147 </style> | |
| 2148 <style is="custom-style"> | 2195 <style is="custom-style"> |
| 2149 | 2196 |
| 2150 :root { | 2197 :root { |
| 2151 | 2198 |
| 2152 /* Shared Styles */ | 2199 /* Shared Styles */ |
| 2153 --paper-font-common-base: { | 2200 --paper-font-common-base: { |
| 2154 font-family: 'Roboto', 'Noto', sans-serif; | 2201 font-family: 'Roboto', 'Noto', sans-serif; |
| 2155 -webkit-font-smoothing: antialiased; | 2202 -webkit-font-smoothing: antialiased; |
| 2156 }; | 2203 }; |
| 2157 | 2204 |
| (...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2294 @apply(--paper-font-common-code); | 2341 @apply(--paper-font-common-code); |
| 2295 | 2342 |
| 2296 font-size: 14px; | 2343 font-size: 14px; |
| 2297 font-weight: 500; | 2344 font-weight: 500; |
| 2298 line-height: 20px; | 2345 line-height: 20px; |
| 2299 }; | 2346 }; |
| 2300 | 2347 |
| 2301 } | 2348 } |
| 2302 | 2349 |
| 2303 </style> | 2350 </style> |
| 2351 <style> |
| 2352 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2353 * Use of this source code is governed by a BSD-style license that can be |
| 2354 * found in the LICENSE file. */ |
| 2304 | 2355 |
| 2356 @font-face { |
| 2357 font-family: 'Roboto'; |
| 2358 font-style: normal; |
| 2359 font-weight: 300; |
| 2360 src: local('Roboto Light'), local('Roboto-Light'), |
| 2361 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); |
| 2362 } |
| 2305 | 2363 |
| 2364 @font-face { |
| 2365 font-family: 'Roboto'; |
| 2366 font-style: normal; |
| 2367 font-weight: 400; |
| 2368 src: local('Roboto'), local('Roboto-Regular'), |
| 2369 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 2370 } |
| 2371 |
| 2372 @font-face { |
| 2373 font-family: 'Roboto'; |
| 2374 font-style: normal; |
| 2375 font-weight: 500; |
| 2376 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 2377 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 2378 } |
| 2379 |
| 2380 </style> |
| 2306 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> | 2381 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> |
| 2307 <template> | 2382 <template> |
| 2308 <style> | 2383 <style> |
| 2309 :host { | 2384 :host { |
| 2310 display: block; | 2385 display: block; |
| 2311 padding: 8px 0; | 2386 padding: 8px 0; |
| 2312 | 2387 |
| 2313 @apply(--paper-input-container); | 2388 @apply(--paper-input-container); |
| 2314 } | 2389 } |
| 2315 | 2390 |
| (...skipping 550 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2866 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2941 <command id="undo-command" shortcut="Meta-U+005A"></command> |
| 2867 <command id="find-command" shortcut="Meta-U+0046"></command> | 2942 <command id="find-command" shortcut="Meta-U+0046"></command> |
| 2868 </if> | 2943 </if> |
| 2869 <if expr="not is_macosx"> | 2944 <if expr="not is_macosx"> |
| 2870 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2945 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
| 2871 <command id="find-command" shortcut="Ctrl-U+0046"></command> | 2946 <command id="find-command" shortcut="Ctrl-U+0046"></command> |
| 2872 </if> | 2947 </if> |
| 2873 <link rel="import" href="chrome://resources/html/polymer.html"> | 2948 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2874 | 2949 |
| 2875 <script src="crisper.js"></script></body></html> | 2950 <script src="crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1862213002:
Roll third_party/polymer. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master