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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/lazy_load.vulcanized.html

Issue 2436323002: MD History: Remove paper-checkbox from lazy loaded element bundle (Closed)
Patch Set: Created 4 years, 2 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_history/lazy_load.crisper.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html><head><!-- 1 <html><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 1207 matching lines...) Expand 10 before | Expand all | Expand 10 after
1218 </style> 1218 </style>
1219 1219
1220 <div id="scrim" on-tap="close"></div> 1220 <div id="scrim" on-tap="close"></div>
1221 1221
1222 <div id="contentContainer"> 1222 <div id="contentContainer">
1223 <content></content> 1223 <content></content>
1224 </div> 1224 </div>
1225 </template> 1225 </template>
1226 1226
1227 </dom-module> 1227 </dom-module>
1228 <dom-module id="paper-checkbox" assetpath="chrome://resources/polymer/v1_0/paper -checkbox/" css-build="shadow">
1229 <template strip-whitespace="">
1230 <style scope="paper-checkbox">:host {
1231 display: inline-block;
1232 white-space: nowrap;
1233 cursor: pointer;
1234 --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);
1235
1236 --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1p x);
1237 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
1238 line-height: 0;
1239 -webkit-tap-highlight-color: transparent;
1240 }
1241
1242 :host([hidden]) {
1243 display: none !important;
1244 }
1245
1246 :host(:focus) {
1247 outline: none;
1248 }
1249
1250 .hidden {
1251 display: none;
1252 }
1253
1254 #checkboxContainer {
1255 display: inline-block;
1256 position: relative;
1257 width: var(--calculated-paper-checkbox-size);
1258 height: var(--calculated-paper-checkbox-size);
1259 min-width: var(--calculated-paper-checkbox-size);
1260 margin: var(--paper-checkbox-margin, initial);
1261 vertical-align: var(--paper-checkbox-vertical-align, middle);
1262 background-color: var(--paper-checkbox-unchecked-background-color, trans parent);
1263 }
1264
1265 #ink {
1266 position: absolute;
1267
1268
1269 top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calcu lated-paper-checkbox-size)) / 2);
1270 left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calc ulated-paper-checkbox-size)) / 2);
1271 width: var(--calculated-paper-checkbox-ink-size);
1272 height: var(--calculated-paper-checkbox-ink-size);
1273 color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-colo r));
1274 opacity: 0.6;
1275 pointer-events: none;
1276 }
1277
1278 :host-context([dir="rtl"]) #ink {
1279 right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculate d-paper-checkbox-size)) / 2);
1280 left: auto;
1281 }
1282
1283 #ink[checked] {
1284 color: var(--paper-checkbox-checked-ink-color, var(--primary-color));
1285 }
1286
1287 #checkbox {
1288 position: relative;
1289 box-sizing: border-box;
1290 height: 100%;
1291 border: solid 2px;
1292 border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-c olor));
1293 border-radius: 2px;
1294 pointer-events: none;
1295 -webkit-transition: background-color 140ms, border-color 140ms;
1296 transition: background-color 140ms, border-color 140ms;
1297 }
1298
1299 #checkbox.checked #checkmark {
1300 -webkit-animation: checkmark-expand 140ms ease-out forwards;
1301 animation: checkmark-expand 140ms ease-out forwards;
1302 }
1303
1304 @-webkit-keyframes checkmark-expand {
1305 0% {
1306 -webkit-transform: scale(0, 0) rotate(45deg);
1307 }
1308
1309 100% {
1310 -webkit-transform: scale(1, 1) rotate(45deg);
1311 }
1312
1313 }
1314
1315 @keyframes checkmark-expand {
1316 0% {
1317 transform: scale(0, 0) rotate(45deg);
1318 }
1319
1320 100% {
1321 transform: scale(1, 1) rotate(45deg);
1322 }
1323
1324 }
1325
1326 #checkbox.checked {
1327 background-color: var(--paper-checkbox-checked-color, var(--primary-color));
1328 border-color: var(--paper-checkbox-checked-color, var(--primary-color));
1329 }
1330
1331 #checkmark {
1332 position: absolute;
1333 width: 36%;
1334 height: 70%;
1335 border-style: solid;
1336 border-top: none;
1337 border-left: none;
1338 border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));
1339 border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));
1340 border-color: var(--paper-checkbox-checkmark-color, white);
1341 -webkit-transform-origin: 97% 86%;
1342 transform-origin: 97% 86%;
1343 box-sizing: content-box;
1344 }
1345
1346 :host-context([dir="rtl"]) #checkmark {
1347 -webkit-transform-origin: 50% 14%;
1348 transform-origin: 50% 14%;
1349 }
1350
1351 #checkboxLabel {
1352 position: relative;
1353 display: inline-block;
1354 vertical-align: middle;
1355 padding-left: var(--paper-checkbox-label-spacing, 8px);
1356 white-space: normal;
1357 line-height: normal;
1358 color: var(--paper-checkbox-label-color, var(--primary-text-color));
1359 ;
1360 }
1361
1362 :host([checked]) #checkboxLabel {
1363 color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-co lor, var(--primary-text-color)));
1364 ;
1365 }
1366
1367 :host-context([dir="rtl"]) #checkboxLabel {
1368 padding-right: var(--paper-checkbox-label-spacing, 8px);
1369 padding-left: 0;
1370 }
1371
1372 #checkboxLabel[hidden] {
1373 display: none;
1374 }
1375
1376 :host([disabled]) #checkbox {
1377 opacity: 0.5;
1378 border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-c olor));
1379 }
1380
1381 :host([disabled][checked]) #checkbox {
1382 background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-col or));
1383 opacity: 0.5;
1384 }
1385
1386 :host([disabled]) #checkboxLabel {
1387 opacity: 0.65;
1388 }
1389
1390 #checkbox.invalid:not(.checked) {
1391 border-color: var(--paper-checkbox-error-color, var(--error-color));
1392 }
1393
1394 </style>
1395
1396 <div id="checkboxContainer">
1397 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
1398 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
1399 </div>
1400 </div>
1401
1402 <div id="checkboxLabel"><content></content></div>
1403 </template>
1404
1405 </dom-module>
1406 <dom-module id="paper-tab" assetpath="chrome://resources/polymer/v1_0/paper-tabs /" css-build="shadow"> 1228 <dom-module id="paper-tab" assetpath="chrome://resources/polymer/v1_0/paper-tabs /" css-build="shadow">
1407 <template> 1229 <template>
1408 <style scope="paper-tab">:host { 1230 <style scope="paper-tab">:host {
1409 display: var(--layout-inline_-_display); 1231 display: var(--layout-inline_-_display);
1410 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items); 1232 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items);
1411 -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-j ustify-content: var(--layout-center-justified_-_-webkit-justify-content); justif y-content: var(--layout-center-justified_-_justify-content); 1233 -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-j ustify-content: var(--layout-center-justified_-_-webkit-justify-content); justif y-content: var(--layout-center-justified_-_justify-content);
1412 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout -flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); 1234 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout -flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
1413 1235
1414 position: relative; 1236 position: relative;
1415 padding: 0 12px; 1237 padding: 0 12px;
(...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after
1599 <content select="*"></content> 1421 <content select="*"></content>
1600 </div> 1422 </div>
1601 </div> 1423 </div>
1602 1424
1603 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> 1425 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
1604 1426
1605 </template> 1427 </template>
1606 1428
1607 </dom-module> 1429 </dom-module>
1608 </div><script src="lazy_load.crisper.js"></script></body></html> 1430 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698