| OLD | NEW |
|---|
| 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><script
src="crisper.js" defer=""></script><!-- | 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><script
src="crisper.js" defer=""></script><!-- |
| 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 1323 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1334 left: 0; | 1334 left: 0; |
| 1335 } | 1335 } |
| 1336 | 1336 |
| 1337 .fixed-left { | 1337 .fixed-left { |
| 1338 top: 0; | 1338 top: 0; |
| 1339 bottom: 0; | 1339 bottom: 0; |
| 1340 left: 0; | 1340 left: 0; |
| 1341 } | 1341 } |
| 1342 | 1342 |
| 1343 </style> | 1343 </style> |
| 1344 |
| 1345 |
| 1344 <style is="custom-style"> | 1346 <style is="custom-style"> |
| 1345 | 1347 |
| 1346 :root { | 1348 :root { |
| 1347 | 1349 |
| 1348 --dark-primary-color: #303f9f; | 1350 --dark-primary-color: #303f9f; |
| 1349 | 1351 |
| 1350 --default-primary-color: #3f51b5; | 1352 --default-primary-color: #3f51b5; |
| 1351 | 1353 |
| 1352 --light-primary-color: #c5cae9; | 1354 --light-primary-color: #c5cae9; |
| 1353 | 1355 |
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1419 overflow: hidden; | 1421 overflow: hidden; |
| 1420 text-overflow: ellipsis; | 1422 text-overflow: ellipsis; |
| 1421 }; | 1423 }; |
| 1422 | 1424 |
| 1423 /* Material Font Styles */ | 1425 /* Material Font Styles */ |
| 1424 | 1426 |
| 1425 --paper-font-display4: { | 1427 --paper-font-display4: { |
| 1426 /* @apply(--paper-font-common-base) */ | 1428 /* @apply(--paper-font-common-base) */ |
| 1427 font-family: 'Roboto', 'Noto', sans-serif; | 1429 font-family: 'Roboto', 'Noto', sans-serif; |
| 1428 -webkit-font-smoothing: antialiased; | 1430 -webkit-font-smoothing: antialiased; |
| 1429 /* @apply(--paper-font-common-expensive-kerning); */ | 1431 |
| 1430 text-rendering: optimizeLegibility; | |
| 1431 /* @apply(--paper-font-common-nowrap); */ | 1432 /* @apply(--paper-font-common-nowrap); */ |
| 1432 white-space: nowrap; | 1433 white-space: nowrap; |
| 1433 overflow: hidden; | 1434 overflow: hidden; |
| 1434 text-overflow: ellipsis; | 1435 text-overflow: ellipsis; |
| 1435 | 1436 |
| 1436 font-size: 112px; | 1437 font-size: 112px; |
| 1437 font-weight: 300; | 1438 font-weight: 300; |
| 1438 letter-spacing: -.044em; | 1439 letter-spacing: -.044em; |
| 1439 line-height: 120px; | 1440 line-height: 120px; |
| 1440 }; | 1441 }; |
| 1441 | 1442 |
| 1442 --paper-font-display3: { | 1443 --paper-font-display3: { |
| 1443 /* @apply(--paper-font-common-base) */ | 1444 /* @apply(--paper-font-common-base) */ |
| 1444 font-family: 'Roboto', 'Noto', sans-serif; | 1445 font-family: 'Roboto', 'Noto', sans-serif; |
| 1445 -webkit-font-smoothing: antialiased; | 1446 -webkit-font-smoothing: antialiased; |
| 1446 /* @apply(--paper-font-common-expensive-kerning); */ | 1447 |
| 1447 text-rendering: optimizeLegibility; | |
| 1448 /* @apply(--paper-font-common-nowrap); */ | 1448 /* @apply(--paper-font-common-nowrap); */ |
| 1449 white-space: nowrap; | 1449 white-space: nowrap; |
| 1450 overflow: hidden; | 1450 overflow: hidden; |
| 1451 text-overflow: ellipsis; | 1451 text-overflow: ellipsis; |
| 1452 | 1452 |
| 1453 font-size: 56px; | 1453 font-size: 56px; |
| 1454 font-weight: 400; | 1454 font-weight: 400; |
| 1455 letter-spacing: -.026em; | 1455 letter-spacing: -.026em; |
| 1456 line-height: 60px; | 1456 line-height: 60px; |
| 1457 }; | 1457 }; |
| 1458 | 1458 |
| 1459 --paper-font-display2: { | 1459 --paper-font-display2: { |
| 1460 /* @apply(--paper-font-common-base) */ | 1460 /* @apply(--paper-font-common-base) */ |
| 1461 font-family: 'Roboto', 'Noto', sans-serif; | 1461 font-family: 'Roboto', 'Noto', sans-serif; |
| 1462 -webkit-font-smoothing: antialiased; | 1462 -webkit-font-smoothing: antialiased; |
| 1463 /* @apply(--paper-font-common-expensive-kerning); */ | 1463 |
| 1464 text-rendering: optimizeLegibility; | |
| 1465 | 1464 |
| 1466 font-size: 45px; | 1465 font-size: 45px; |
| 1467 font-weight: 400; | 1466 font-weight: 400; |
| 1468 letter-spacing: -.018em; | 1467 letter-spacing: -.018em; |
| 1469 line-height: 48px; | 1468 line-height: 48px; |
| 1470 }; | 1469 }; |
| 1471 | 1470 |
| 1472 --paper-font-display1: { | 1471 --paper-font-display1: { |
| 1473 /* @apply(--paper-font-common-base) */ | 1472 /* @apply(--paper-font-common-base) */ |
| 1474 font-family: 'Roboto', 'Noto', sans-serif; | 1473 font-family: 'Roboto', 'Noto', sans-serif; |
| 1475 -webkit-font-smoothing: antialiased; | 1474 -webkit-font-smoothing: antialiased; |
| 1476 /* @apply(--paper-font-common-expensive-kerning); */ | 1475 |
| 1477 text-rendering: optimizeLegibility; | |
| 1478 | 1476 |
| 1479 font-size: 34px; | 1477 font-size: 34px; |
| 1480 font-weight: 400; | 1478 font-weight: 400; |
| 1481 letter-spacing: -.01em; | 1479 letter-spacing: -.01em; |
| 1482 line-height: 40px; | 1480 line-height: 40px; |
| 1483 }; | 1481 }; |
| 1484 | 1482 |
| 1485 --paper-font-headline: { | 1483 --paper-font-headline: { |
| 1486 /* @apply(--paper-font-common-base) */ | 1484 /* @apply(--paper-font-common-base) */ |
| 1487 font-family: 'Roboto', 'Noto', sans-serif; | 1485 font-family: 'Roboto', 'Noto', sans-serif; |
| 1488 -webkit-font-smoothing: antialiased; | 1486 -webkit-font-smoothing: antialiased; |
| 1489 /* @apply(--paper-font-common-expensive-kerning); */ | 1487 |
| 1490 text-rendering: optimizeLegibility; | |
| 1491 | 1488 |
| 1492 font-size: 24px; | 1489 font-size: 24px; |
| 1493 font-weight: 400; | 1490 font-weight: 400; |
| 1494 letter-spacing: -.012em; | 1491 letter-spacing: -.012em; |
| 1495 line-height: 32px; | 1492 line-height: 32px; |
| 1496 }; | 1493 }; |
| 1497 | 1494 |
| 1498 --paper-font-title: { | 1495 --paper-font-title: { |
| 1499 /* @apply(--paper-font-common-base) */ | 1496 /* @apply(--paper-font-common-base) */ |
| 1500 font-family: 'Roboto', 'Noto', sans-serif; | 1497 font-family: 'Roboto', 'Noto', sans-serif; |
| 1501 -webkit-font-smoothing: antialiased; | 1498 -webkit-font-smoothing: antialiased; |
| 1502 /* @apply(--paper-font-common-expensive-kerning); */ | 1499 |
| 1503 text-rendering: optimizeLegibility; | |
| 1504 /* @apply(--paper-font-common-nowrap); */ | 1500 /* @apply(--paper-font-common-nowrap); */ |
| 1505 white-space: nowrap; | 1501 white-space: nowrap; |
| 1506 overflow: hidden; | 1502 overflow: hidden; |
| 1507 text-overflow: ellipsis; | 1503 text-overflow: ellipsis; |
| 1508 | 1504 |
| 1509 font-size: 20px; | 1505 font-size: 20px; |
| 1510 font-weight: 500; | 1506 font-weight: 500; |
| 1511 line-height: 28px; | 1507 line-height: 28px; |
| 1512 }; | 1508 }; |
| 1513 | 1509 |
| 1514 --paper-font-subhead: { | 1510 --paper-font-subhead: { |
| 1515 /* @apply(--paper-font-common-base) */ | 1511 /* @apply(--paper-font-common-base) */ |
| 1516 font-family: 'Roboto', 'Noto', sans-serif; | 1512 font-family: 'Roboto', 'Noto', sans-serif; |
| 1517 -webkit-font-smoothing: antialiased; | 1513 -webkit-font-smoothing: antialiased; |
| 1518 /* @apply(--paper-font-common-expensive-kerning); */ | 1514 |
| 1519 text-rendering: optimizeLegibility; | |
| 1520 | 1515 |
| 1521 font-size: 16px; | 1516 font-size: 16px; |
| 1522 font-weight: 400; | 1517 font-weight: 400; |
| 1523 line-height: 24px; | 1518 line-height: 24px; |
| 1524 }; | 1519 }; |
| 1525 | 1520 |
| 1526 --paper-font-body2: { | 1521 --paper-font-body2: { |
| 1527 /* @apply(--paper-font-common-base) */ | 1522 /* @apply(--paper-font-common-base) */ |
| 1528 font-family: 'Roboto', 'Noto', sans-serif; | 1523 font-family: 'Roboto', 'Noto', sans-serif; |
| 1529 -webkit-font-smoothing: antialiased; | 1524 -webkit-font-smoothing: antialiased; |
| (...skipping 25 matching lines...) Expand all Loading... |
| 1555 font-size: 12px; | 1550 font-size: 12px; |
| 1556 font-weight: 400; | 1551 font-weight: 400; |
| 1557 letter-spacing: 0.011em; | 1552 letter-spacing: 0.011em; |
| 1558 line-height: 20px; | 1553 line-height: 20px; |
| 1559 }; | 1554 }; |
| 1560 | 1555 |
| 1561 --paper-font-menu: { | 1556 --paper-font-menu: { |
| 1562 /* @apply(--paper-font-common-base) */ | 1557 /* @apply(--paper-font-common-base) */ |
| 1563 font-family: 'Roboto', 'Noto', sans-serif; | 1558 font-family: 'Roboto', 'Noto', sans-serif; |
| 1564 -webkit-font-smoothing: antialiased; | 1559 -webkit-font-smoothing: antialiased; |
| 1565 /* @apply(--paper-font-common-expensive-kerning); */ | 1560 |
| 1566 text-rendering: optimizeLegibility; | |
| 1567 /* @apply(--paper-font-common-nowrap); */ | 1561 /* @apply(--paper-font-common-nowrap); */ |
| 1568 white-space: nowrap; | 1562 white-space: nowrap; |
| 1569 overflow: hidden; | 1563 overflow: hidden; |
| 1570 text-overflow: ellipsis; | 1564 text-overflow: ellipsis; |
| 1571 | 1565 |
| 1572 font-size: 13px; | 1566 font-size: 13px; |
| 1573 font-weight: 500; | 1567 font-weight: 500; |
| 1574 line-height: 24px; | 1568 line-height: 24px; |
| 1575 }; | 1569 }; |
| 1576 | 1570 |
| 1577 --paper-font-button: { | 1571 --paper-font-button: { |
| 1578 /* @apply(--paper-font-common-base) */ | 1572 /* @apply(--paper-font-common-base) */ |
| 1579 font-family: 'Roboto', 'Noto', sans-serif; | 1573 font-family: 'Roboto', 'Noto', sans-serif; |
| 1580 -webkit-font-smoothing: antialiased; | 1574 -webkit-font-smoothing: antialiased; |
| 1581 /* @apply(--paper-font-common-expensive-kerning); */ | 1575 |
| 1582 text-rendering: optimizeLegibility; | |
| 1583 /* @apply(--paper-font-common-nowrap); */ | 1576 /* @apply(--paper-font-common-nowrap); */ |
| 1584 white-space: nowrap; | 1577 white-space: nowrap; |
| 1585 overflow: hidden; | 1578 overflow: hidden; |
| 1586 text-overflow: ellipsis; | 1579 text-overflow: ellipsis; |
| 1587 | 1580 |
| 1588 font-size: 14px; | 1581 font-size: 14px; |
| 1589 font-weight: 500; | 1582 font-weight: 500; |
| 1590 letter-spacing: 0.018em; | 1583 letter-spacing: 0.018em; |
| 1591 line-height: 24px; | 1584 line-height: 24px; |
| 1592 text-transform: uppercase; | 1585 text-transform: uppercase; |
| (...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1802 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> | 1795 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> |
| 1803 | 1796 |
| 1804 <style> | 1797 <style> |
| 1805 :host { | 1798 :host { |
| 1806 @apply(--layout-inline); | 1799 @apply(--layout-inline); |
| 1807 @apply(--layout-center-center); | 1800 @apply(--layout-center-center); |
| 1808 position: relative; | 1801 position: relative; |
| 1809 | 1802 |
| 1810 vertical-align: middle; | 1803 vertical-align: middle; |
| 1811 | 1804 |
| 1812 fill: currentcolor; | 1805 fill: var(--iron-icon-fill-color, currentcolor); |
| 1806 stroke: var(--iron-icon-stroke-color, none); |
| 1813 | 1807 |
| 1814 width: var(--iron-icon-width, 24px); | 1808 width: var(--iron-icon-width, 24px); |
| 1815 height: var(--iron-icon-height, 24px); | 1809 height: var(--iron-icon-height, 24px); |
| 1816 } | 1810 } |
| 1817 </style> | 1811 </style> |
| 1818 | 1812 |
| 1819 <template> | 1813 <template> |
| 1820 </template> | 1814 </template> |
| 1821 | 1815 |
| 1822 </dom-module> | 1816 </dom-module> |
| (...skipping 339 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2162 :host(.circle) .wave-container { | 2156 :host(.circle) .wave-container { |
| 2163 overflow: hidden; | 2157 overflow: hidden; |
| 2164 } | 2158 } |
| 2165 </style> | 2159 </style> |
| 2166 | 2160 |
| 2167 <div id="background"></div> | 2161 <div id="background"></div> |
| 2168 <div id="waves"></div> | 2162 <div id="waves"></div> |
| 2169 </template> | 2163 </template> |
| 2170 </dom-module> | 2164 </dom-module> |
| 2171 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> | 2165 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> |
| 2172 <style> | 2166 <template> |
| 2173 :host { | 2167 <style> |
| 2174 display: block; | 2168 :host { |
| 2175 position: relative; | 2169 display: block; |
| 2176 } | 2170 position: relative; |
| 2171 } |
| 2177 | 2172 |
| 2178 :host([animated]) { | 2173 :host([animated]) { |
| 2179 @apply(--shadow-transition); | 2174 @apply(--shadow-transition); |
| 2180 } | 2175 } |
| 2181 | 2176 |
| 2182 :host([elevation="1"]) { | 2177 :host([elevation="1"]) { |
| 2183 @apply(--shadow-elevation-2dp); | 2178 @apply(--shadow-elevation-2dp); |
| 2184 } | 2179 } |
| 2185 | 2180 |
| 2186 :host([elevation="2"]) { | 2181 :host([elevation="2"]) { |
| 2187 @apply(--shadow-elevation-4dp); | 2182 @apply(--shadow-elevation-4dp); |
| 2188 } | 2183 } |
| 2189 | 2184 |
| 2190 :host([elevation="3"]) { | 2185 :host([elevation="3"]) { |
| 2191 @apply(--shadow-elevation-6dp); | 2186 @apply(--shadow-elevation-6dp); |
| 2192 } | 2187 } |
| 2193 | 2188 |
| 2194 :host([elevation="4"]) { | 2189 :host([elevation="4"]) { |
| 2195 @apply(--shadow-elevation-8dp); | 2190 @apply(--shadow-elevation-8dp); |
| 2196 } | 2191 } |
| 2197 | 2192 |
| 2198 :host([elevation="5"]) { | 2193 :host([elevation="5"]) { |
| 2199 @apply(--shadow-elevation-16dp); | 2194 @apply(--shadow-elevation-16dp); |
| 2200 } | 2195 } |
| 2201 </style> | 2196 </style> |
| 2202 <template> | 2197 |
| 2203 <content></content> | 2198 <content></content> |
| 2204 </template> | 2199 </template> |
| 2205 </dom-module> | 2200 </dom-module> |
| 2206 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/"> | 2201 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/"> |
| 2207 <template strip-whitespace=""> | 2202 <template strip-whitespace=""> |
| 2208 | 2203 |
| 2209 <style include="paper-material"> | 2204 <style include="paper-material"> |
| 2210 :host { | 2205 :host { |
| 2211 display: inline-block; | 2206 display: inline-block; |
| 2212 position: relative; | 2207 position: relative; |
| (...skipping 907 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3120 | 3115 |
| 3121 .input-content ::content label, | 3116 .input-content ::content label, |
| 3122 .input-content ::content .paper-input-label { | 3117 .input-content ::content .paper-input-label { |
| 3123 position: absolute; | 3118 position: absolute; |
| 3124 top: 0; | 3119 top: 0; |
| 3125 right: 0; | 3120 right: 0; |
| 3126 left: 0; | 3121 left: 0; |
| 3127 font: inherit; | 3122 font: inherit; |
| 3128 color: var(--paper-input-container-color, --secondary-text-color); | 3123 color: var(--paper-input-container-color, --secondary-text-color); |
| 3129 | 3124 |
| 3125 @apply(--paper-font-common-nowrap); |
| 3130 @apply(--paper-font-subhead); | 3126 @apply(--paper-font-subhead); |
| 3131 @apply(--paper-input-container-label); | 3127 @apply(--paper-input-container-label); |
| 3132 } | 3128 } |
| 3133 | 3129 |
| 3134 .input-content.label-is-floating ::content label, | 3130 .input-content.label-is-floating ::content label, |
| 3135 .input-content.label-is-floating ::content .paper-input-label { | 3131 .input-content.label-is-floating ::content .paper-input-label { |
| 3136 -webkit-transform: translateY(-75%) scale(0.75); | 3132 -webkit-transform: translateY(-75%) scale(0.75); |
| 3137 transform: translateY(-75%) scale(0.75); | 3133 transform: translateY(-75%) scale(0.75); |
| 3138 -webkit-transform-origin: left top; | |
| 3139 transform-origin: left top; | |
| 3140 -webkit-transition: -webkit-transform 0.25s; | 3134 -webkit-transition: -webkit-transform 0.25s; |
| 3141 transition: transform 0.25s; | 3135 transition: transform 0.25s; |
| 3142 | 3136 |
| 3137 -webkit-transform-origin: left top; |
| 3138 transform-origin: left top; |
| 3139 |
| 3140 /* Since we scale to 75/100 of the size, we actually have 100/75 of the |
| 3141 original space now available */ |
| 3142 width: 133%; |
| 3143 |
| 3143 @apply(--paper-transition-easing); | 3144 @apply(--paper-transition-easing); |
| 3144 } | 3145 } |
| 3145 | 3146 |
| 3147 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe
l, |
| 3148 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap
er-input-label { |
| 3149 /* TODO(noms): Figure out why leaving the width at 133% before the anima
tion |
| 3150 * actually makes |
| 3151 * it wider on the right side, not left side, as you would expect in RTL
*/ |
| 3152 width: 100%; |
| 3153 -webkit-transform-origin: right top; |
| 3154 transform-origin: right top; |
| 3155 } |
| 3156 |
| 3146 .input-content.label-is-highlighted ::content label, | 3157 .input-content.label-is-highlighted ::content label, |
| 3147 .input-content.label-is-highlighted ::content .paper-input-label { | 3158 .input-content.label-is-highlighted ::content .paper-input-label { |
| 3148 color: var(--paper-input-container-focus-color, --default-primary-color)
; | 3159 color: var(--paper-input-container-focus-color, --default-primary-color)
; |
| 3149 | 3160 |
| 3150 @apply(--paper-input-container-label-focus); | 3161 @apply(--paper-input-container-label-focus); |
| 3151 } | 3162 } |
| 3152 | 3163 |
| 3153 .input-content.is-invalid ::content label, | 3164 .input-content.is-invalid ::content label, |
| 3154 .input-content.is-invalid ::content .paper-input-label { | 3165 .input-content.is-invalid ::content .paper-input-label { |
| 3155 color: var(--paper-input-container-invalid-color, --google-red-500); | 3166 color: var(--paper-input-container-invalid-color, --google-red-500); |
| (...skipping 10 matching lines...) Expand all Loading... |
| 3166 .input-content ::content .paper-input-input { | 3177 .input-content ::content .paper-input-input { |
| 3167 position: relative; /* to make a stacking context */ | 3178 position: relative; /* to make a stacking context */ |
| 3168 outline: none; | 3179 outline: none; |
| 3169 box-shadow: none; | 3180 box-shadow: none; |
| 3170 padding: 0; | 3181 padding: 0; |
| 3171 width: 100%; | 3182 width: 100%; |
| 3172 background: transparent; | 3183 background: transparent; |
| 3173 border: none; | 3184 border: none; |
| 3174 color: var(--paper-input-container-input-color, --primary-text-color); | 3185 color: var(--paper-input-container-input-color, --primary-text-color); |
| 3175 -webkit-appearance: none; | 3186 -webkit-appearance: none; |
| 3187 text-align: inherit; |
| 3176 | 3188 |
| 3177 @apply(--paper-font-subhead); | 3189 @apply(--paper-font-subhead); |
| 3178 @apply(--paper-input-container-input); | 3190 @apply(--paper-input-container-input); |
| 3179 } | 3191 } |
| 3180 | 3192 |
| 3181 ::content [prefix] { | 3193 ::content [prefix] { |
| 3182 @apply(--paper-font-subhead); | 3194 @apply(--paper-font-subhead); |
| 3183 @apply(--paper-input-prefix); | 3195 @apply(--paper-input-prefix); |
| 3184 } | 3196 } |
| 3185 | 3197 |
| 3186 ::content [suffix] { | 3198 ::content [suffix] { |
| 3187 @apply(--paper-font-subhead); | 3199 @apply(--paper-font-subhead); |
| 3188 @apply(--paper-input-suffix); | 3200 @apply(--paper-input-suffix); |
| 3189 } | 3201 } |
| 3190 | 3202 |
| 3191 /* Firefox sets a min-width on the input, which can cause layout issues */ | 3203 /* Firefox sets a min-width on the input, which can cause layout issues */ |
| 3192 .input-content ::content input { | 3204 .input-content ::content input { |
| 3193 min-width: 0; | 3205 min-width: 0; |
| 3194 } | 3206 } |
| 3195 | 3207 |
| 3196 .input-content ::content textarea { | 3208 .input-content ::content textarea { |
| 3197 resize: none; | 3209 resize: none; |
| 3198 } | 3210 } |
| 3199 | 3211 |
| 3212 .add-on-content { |
| 3213 position: relative; |
| 3214 } |
| 3215 |
| 3200 .add-on-content.is-invalid ::content * { | 3216 .add-on-content.is-invalid ::content * { |
| 3201 color: var(--paper-input-container-invalid-color, --google-red-500); | 3217 color: var(--paper-input-container-invalid-color, --google-red-500); |
| 3202 } | 3218 } |
| 3203 | 3219 |
| 3204 .add-on-content.is-highlighted ::content * { | 3220 .add-on-content.is-highlighted ::content * { |
| 3205 color: var(--paper-input-container-focus-color, --default-primary-color)
; | 3221 color: var(--paper-input-container-focus-color, --default-primary-color)
; |
| 3206 } | 3222 } |
| 3207 </style> | 3223 </style> |
| 3208 | 3224 |
| 3209 <template is="dom-if" if="[[!noLabelFloat]]"> | 3225 <template is="dom-if" if="[[!noLabelFloat]]"> |
| 3210 <div class="floated-label-placeholder"> </div> | 3226 <div class="floated-label-placeholder"> </div> |
| 3211 </template> | 3227 </template> |
| 3212 | 3228 |
| 3213 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> | 3229 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> |
| 3214 <content select="[prefix]" id="prefix"></content> | 3230 <content select="[prefix]" id="prefix"></content> |
| 3215 <div class="label-and-input-container"> | 3231 |
| 3232 <div class="label-and-input-container" id="labelAndInputContainer"> |
| 3216 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> | 3233 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> |
| 3217 </div> | 3234 </div> |
| 3218 <content select="[suffix]"></content> | 3235 <content select="[suffix]"></content> |
| 3219 </div> | 3236 </div> |
| 3220 | 3237 |
| 3221 <div class$="[[_computeUnderlineClass(focused,invalid)]]"> | 3238 <div class$="[[_computeUnderlineClass(focused,invalid)]]"> |
| 3222 <div class="unfocused-line fit"></div> | 3239 <div class="unfocused-line fit"></div> |
| 3223 <div class="focused-line fit"></div> | 3240 <div class="focused-line fit"></div> |
| 3224 </div> | 3241 </div> |
| 3225 | 3242 |
| (...skipping 336 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3562 <downloads-manager></downloads-manager> | 3579 <downloads-manager></downloads-manager> |
| 3563 <command id="clear-all-command" shortcut="Alt-U+0043"></command> | 3580 <command id="clear-all-command" shortcut="Alt-U+0043"></command> |
| 3564 <if expr="is_macosx"> | 3581 <if expr="is_macosx"> |
| 3565 <command id="undo-command" shortcut="Meta-U+005A"></command> | 3582 <command id="undo-command" shortcut="Meta-U+005A"></command> |
| 3566 </if> | 3583 </if> |
| 3567 <if expr="not is_macosx"> | 3584 <if expr="not is_macosx"> |
| 3568 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 3585 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
| 3569 </if> | 3586 </if> |
| 3570 | 3587 |
| 3571 </body></html> | 3588 </body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1428833005:
MD Downloads: track downloads in C++, dispatch discrete JS updates (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master