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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2583353003: MD History: Replace last usage of cr-shared-menu with cr-action-menu. (Closed)
Patch Set: Fix more Created 4 years 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') | chrome/browser/resources/md_history/list_container.html » ('j') | chrome/browser/resources/md_history/list_container.html » ('J')
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 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
71 align-items: center; 71 align-items: center;
72 color: var(--md-loading-message-color); 72 color: var(--md-loading-message-color);
73 display: flex; 73 display: flex;
74 flex: 1; 74 flex: 1;
75 font-size: 14px; 75 font-size: 14px;
76 font-weight: 500; 76 font-weight: 500;
77 height: 100%; 77 height: 100%;
78 justify-content: center; 78 justify-content: center;
79 } 79 }
80 80
81 .menu-item { 81 .dropdown-item {
82 -webkit-user-select: none; 82 align-items: center;
83 background: none;
84 border: none;
85 box-sizing: border-box;
86 color: var(--paper-grey-800);
83 cursor: pointer; 87 cursor: pointer;
88 display: flex;
84 font: inherit; 89 font: inherit;
85 white-space: nowrap; 90 min-height: 32px;
91 padding: 0 24px;
92 text-align: start;
93 width: 100%;
86 } 94 }
87 95
88 .website-icon { 96 .website-icon {
89 -webkit-margin-end: 16px; 97 -webkit-margin-end: 16px;
90 background-repeat: no-repeat; 98 background-repeat: no-repeat;
91 background-size: 16px; 99 background-size: 16px;
92 height: 16px; 100 height: 16px;
93 width: 16px; 101 width: 16px;
94 } 102 }
95 103
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after
245 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); 253 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
246 } 254 }
247 255
248 :host([elevation="5"]) { 256 :host([elevation="5"]) {
249 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); 257 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
250 } 258 }
251 259
252 </style> 260 </style>
253 </template> 261 </template>
254 </dom-module> 262 </dom-module>
255
256
257 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow"> 263 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
258 <template strip-whitespace=""> 264 <template strip-whitespace="">
259 <style scope="paper-button">:host { 265 <style scope="paper-button">:host {
260 display: block; 266 display: block;
261 position: relative; 267 position: relative;
262 } 268 }
263 269
264 :host([elevation="1"]) { 270 :host([elevation="1"]) {
265 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 271 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
266 } 272 }
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
366 display: none !important; 372 display: none !important;
367 } 373 }
368 374
369 :host(.iron-selected), .paper-item.iron-selected { 375 :host(.iron-selected), .paper-item.iron-selected {
370 font-weight: var(--paper-item-selected-weight, bold); 376 font-weight: var(--paper-item-selected-weight, bold);
371 377
372 ; 378 ;
373 } 379 }
374 380
375 :host([disabled]), .paper-item[disabled] { 381 :host([disabled]), .paper-item[disabled] {
376 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 382 color: var(--paper-item-disabled-color,var(--disabled-text-color));
377 383
378 ; 384 ;
379 } 385 }
380 386
381 :host(:focus), .paper-item:focus { 387 :host(:focus), .paper-item:focus {
382 position: relative; 388 position: relative;
383 outline: 0; 389 outline: 0;
384 390
385 ; 391 ;
386 } 392 }
387 393
388 :host(:focus):before, .paper-item:focus:before { 394 :host(:focus):before, .paper-item:focus:before {
389 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 395 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
390 396
391 background: currentColor; 397 background: currentColor;
392 content: ''; 398 content: '';
393 opacity: var(--dark-divider-opacity); 399 opacity: var(--dark-divider-opacity);
394 pointer-events: none; 400 pointer-events: none;
395 401
396 ; 402 ;
397 } 403 }
398 404
399 </style> 405 </style>
400 </template> 406 </template>
401 </dom-module> 407 </dom-module>
402
403
404 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow"> 408 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">
405 <template> 409 <template>
406 410
407 <style scope="paper-item">:host, .paper-item { 411 <style scope="paper-item">:host, .paper-item {
408 display: block; 412 display: block;
409 position: relative; 413 position: relative;
410 min-height: var(--paper-item-min-height, 48px); 414 min-height: var(--paper-item-min-height, 48px);
411 padding: 0px 16px; 415 padding: 0px 16px;
412 } 416 }
413 417
(...skipping 10 matching lines...) Expand all
424 display: none !important; 428 display: none !important;
425 } 429 }
426 430
427 :host(.iron-selected), .paper-item.iron-selected { 431 :host(.iron-selected), .paper-item.iron-selected {
428 font-weight: var(--paper-item-selected-weight, bold); 432 font-weight: var(--paper-item-selected-weight, bold);
429 433
430 ; 434 ;
431 } 435 }
432 436
433 :host([disabled]), .paper-item[disabled] { 437 :host([disabled]), .paper-item[disabled] {
434 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 438 color: var(--paper-item-disabled-color,var(--disabled-text-color));
435 439
436 ; 440 ;
437 } 441 }
438 442
439 :host(:focus), .paper-item:focus { 443 :host(:focus), .paper-item:focus {
440 position: relative; 444 position: relative;
441 outline: 0; 445 outline: 0;
442 446
443 ; 447 ;
444 } 448 }
(...skipping 16 matching lines...) Expand all
461 465
462 ; 466 ;
463 } 467 }
464 468
465 </style> 469 </style>
466 470
467 <content></content> 471 <content></content>
468 </template> 472 </template>
469 473
470 </dom-module> 474 </dom-module>
471 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow">
472
473 <template>
474 <style scope="iron-overlay-backdrop">:host {
475 position: fixed;
476 top: 0;
477 left: 0;
478 width: 100%;
479 height: 100%;
480 background-color: var(--iron-overlay-backdrop-background-color, #000);
481 opacity: 0;
482 transition: opacity 0.2s;
483 pointer-events: none;
484 ;
485 }
486
487 :host(.opened) {
488 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
489 pointer-events: auto;
490 ;
491 }
492
493 </style>
494
495 <content></content>
496 </template>
497
498 </dom-module>
499
500 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
501
502
503 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
504 <template>
505 <style scope="iron-dropdown">:host {
506 position: fixed;
507 }
508
509 #contentWrapper ::content > * {
510 overflow: auto;
511 }
512
513 #contentWrapper.animating ::content > * {
514 overflow: hidden;
515 }
516
517 </style>
518
519 <div id="contentWrapper">
520 <content id="content" select=".dropdown-content"></content>
521 </div>
522 </template>
523
524 </dom-module>
525 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper- listbox/" css-build="shadow">
526 <template>
527 <style scope="paper-listbox">:host {
528 display: block;
529 padding: 8px 0;
530
531 background: var(--paper-listbox-background-color,var(--primary-backgroun d-color));;
532 color: var(--paper-listbox-color,var(--primary-text-color));;
533
534 ;
535 }
536
537 </style>
538
539 <content></content>
540 </template>
541
542 </dom-module>
543 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">
544 <template>
545 <style scope="cr-shared-menu">paper-listbox {
546 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
547 overflow: hidden;
548 position: relative;
549 width: var(--cr-shared-menu-width);
550 }
551
552 </style>
553 <iron-dropdown id="dropdown" allow-outside-scroll="" restore-focus-on-close= "" vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" open-ani mation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimation Config]]">
554 <paper-listbox id="menu" class="dropdown-content">
555 <content></content>
556 </paper-listbox>
557 </iron-dropdown>
558 </template>
559 </dom-module>
560
561 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow"> 475 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">
562 <template strip-whitespace=""> 476 <template strip-whitespace="">
563 <style scope="paper-icon-button-light">:host { 477 <style scope="paper-icon-button-light">:host {
564 vertical-align: middle; 478 vertical-align: middle;
565 color: inherit; 479 color: inherit;
566 outline: none; 480 outline: none;
567 width: 24px; 481 width: 24px;
568 height: 24px; 482 height: 24px;
569 background: none; 483 background: none;
570 margin: 0; 484 margin: 0;
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
624 align-items: center; 538 align-items: center;
625 color: var(--md-loading-message-color); 539 color: var(--md-loading-message-color);
626 display: flex; 540 display: flex;
627 flex: 1; 541 flex: 1;
628 font-size: 14px; 542 font-size: 14px;
629 font-weight: 500; 543 font-weight: 500;
630 height: 100%; 544 height: 100%;
631 justify-content: center; 545 justify-content: center;
632 } 546 }
633 547
634 .menu-item { 548 .dropdown-item {
635 -webkit-user-select: none; 549 align-items: center;
550 background: none;
551 border: none;
552 box-sizing: border-box;
553 color: var(--paper-grey-800);
636 cursor: pointer; 554 cursor: pointer;
555 display: flex;
637 font: inherit; 556 font: inherit;
638 white-space: nowrap; 557 min-height: 32px;
558 padding: 0 24px;
559 text-align: start;
560 width: 100%;
639 } 561 }
640 562
641 .website-icon { 563 .website-icon {
642 -webkit-margin-end: 16px; 564 -webkit-margin-end: 16px;
643 background-repeat: no-repeat; 565 background-repeat: no-repeat;
644 background-size: 16px; 566 background-size: 16px;
645 height: 16px; 567 height: 16px;
646 width: 16px; 568 width: 16px;
647 } 569 }
648 570
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after
814 align-items: center; 736 align-items: center;
815 color: var(--md-loading-message-color); 737 color: var(--md-loading-message-color);
816 display: flex; 738 display: flex;
817 flex: 1; 739 flex: 1;
818 font-size: 14px; 740 font-size: 14px;
819 font-weight: 500; 741 font-weight: 500;
820 height: 100%; 742 height: 100%;
821 justify-content: center; 743 justify-content: center;
822 } 744 }
823 745
824 .menu-item { 746 .dropdown-item {
825 -webkit-user-select: none; 747 align-items: center;
748 background: none;
749 border: none;
750 box-sizing: border-box;
751 color: var(--paper-grey-800);
826 cursor: pointer; 752 cursor: pointer;
753 display: flex;
827 font: inherit; 754 font: inherit;
828 white-space: nowrap; 755 min-height: 32px;
756 padding: 0 24px;
757 text-align: start;
758 width: 100%;
829 } 759 }
830 760
831 .website-icon { 761 .website-icon {
832 -webkit-margin-end: 16px; 762 -webkit-margin-end: 16px;
833 background-repeat: no-repeat; 763 background-repeat: no-repeat;
834 background-size: 16px; 764 background-size: 16px;
835 height: 16px; 765 height: 16px;
836 width: 16px; 766 width: 16px;
837 } 767 }
838 768
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
893 } 823 }
894 824
895 .action-button, .cancel-button { 825 .action-button, .cancel-button {
896 font-weight: 500; 826 font-weight: 500;
897 } 827 }
898 828
899 [actionable] { 829 [actionable] {
900 cursor: var(--cr-actionable_-_cursor); 830 cursor: var(--cr-actionable_-_cursor);
901 } 831 }
902 832
833 button[is='paper-icon-button-light'].subpage-arrow {
834 background-image: url("chrome://resources/images/arrow_right.svg");
835 }
836
837 button[is='paper-icon-button-light'].icon-external {
838 background-image: url("chrome://resources/images/open_in_new.svg");
839 }
840
841 .subpage-arrow, .icon-external {
842 display: none;
843 }
844
845 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {
846 display: block;
847 }
848
903 [scrollable] { 849 [scrollable] {
904 border-color: transparent; 850 border-color: transparent;
905 border-style: solid; 851 border-style: solid;
906 border-width: 1px 0; 852 border-width: 1px 0;
907 overflow-y: auto; 853 overflow-y: auto;
908 } 854 }
909 855
910 [scrollable].is-scrolled { 856 [scrollable].is-scrolled {
911 border-top-color: var(--google-grey-300); 857 border-top-color: var(--google-grey-300);
912 } 858 }
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
1001 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState, guestSession _)]]"> 947 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState, guestSession _)]]">
1002 <div id="illustration"></div> 948 <div id="illustration"></div>
1003 <div id="sign-in-promo">$i18n{signInPromo}</div> 949 <div id="sign-in-promo">$i18n{signInPromo}</div>
1004 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div> 950 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div>
1005 <paper-button id="sign-in-button" class="action-button" on-tap="onSignInTa p_"> 951 <paper-button id="sign-in-button" class="action-button" on-tap="onSignInTa p_">
1006 $i18n{signInButton} 952 $i18n{signInButton}
1007 </paper-button> 953 </paper-button>
1008 </div> 954 </div>
1009 955
1010 <template is="cr-lazy-render" id="menu"> 956 <template is="cr-lazy-render" id="menu">
1011 <cr-shared-menu> 957 <dialog is="cr-action-menu">
1012 <paper-item id="menuOpenButton" class="menu-item" on-tap="onOpenAllTap_" > 958 <button id="menuOpenButton" class="dropdown-item" on-tap="onOpenAllTap_" >
1013 $i18n{openAll} 959 $i18n{openAll}
1014 </paper-item> 960 </button>
1015 <paper-item id="menuDeleteButton" class="menu-item" on-tap="onDeleteSess ionTap_"> 961 <button id="menuDeleteButton" class="dropdown-item" on-tap="onDeleteSess ionTap_">
1016 $i18n{deleteSession} 962 $i18n{deleteSession}
1017 </paper-item> 963 </button>
1018 </cr-shared-menu> 964 </dialog>
1019 </template> 965 </template>
1020 </template> 966 </template>
1021 </dom-module> 967 </dom-module>
1022 <dom-module id="cr-dialog" assetpath="chrome://resources/cr_elements/cr_dialog/" css-build="shadow"> 968 <dom-module id="cr-dialog" assetpath="chrome://resources/cr_elements/cr_dialog/" css-build="shadow">
1023 <template> 969 <template>
1024 <style scope="cr-dialog">:host { 970 <style scope="cr-dialog">:host {
1025 border: 0; 971 border: 0;
1026 border-radius: 2px; 972 border-radius: 2px;
1027 bottom: 0; 973 bottom: 0;
1028 color: inherit; 974 color: inherit;
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
1108 </div> 1054 </div>
1109 <div class="body-container"> 1055 <div class="body-container">
1110 <content select=".body"></content> 1056 <content select=".body"></content>
1111 </div> 1057 </div>
1112 <content select=".button-container"></content> 1058 <content select=".button-container"></content>
1113 <content select=".footer"></content> 1059 <content select=".footer"></content>
1114 </template> 1060 </template>
1115 </dom-module> 1061 </dom-module>
1116 1062
1117 1063
1064 <dom-module id="iron-overlay-backdrop" assetpath="/" css-build="shadow">
1065
1066 <template>
1067 <style scope="iron-overlay-backdrop">:host {
1068 position: fixed;
1069 top: 0;
1070 left: 0;
1071 width: 100%;
1072 height: 100%;
1073 background-color: var(--iron-overlay-backdrop-background-color, #000);
1074 opacity: 0;
1075 transition: opacity 0.2s;
1076 pointer-events: none;
1077 ;
1078 }
1079
1080 :host(.opened) {
1081 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
1082 pointer-events: auto;
1083 ;
1084 }
1085
1086 </style>
1087
1088 <content></content>
1089 </template>
1090
1091 </dom-module>
1092
1093 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script><dom-module id="iron-dropdown" assetpath="chrome://reso urces/polymer/v1_0/iron-dropdown/" css-build="shadow">
1094 <template>
1095 <style scope="iron-dropdown">:host {
1096 position: fixed;
1097 }
1098
1099 #contentWrapper ::content > * {
1100 overflow: auto;
1101 }
1102
1103 #contentWrapper.animating ::content > * {
1104 overflow: hidden;
1105 }
1106
1107 </style>
1108
1109 <div id="contentWrapper">
1110 <content id="content" select=".dropdown-content"></content>
1111 </div>
1112 </template>
1113
1114 </dom-module>
1115 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper- listbox/" css-build="shadow">
1116 <template>
1117 <style scope="paper-listbox">:host {
1118 display: block;
1119 padding: 8px 0;
1120
1121 background: var(--paper-listbox-background-color,var(--primary-backgroun d-color));
1122 color: var(--paper-listbox-color,var(--primary-text-color));
1123
1124 ;
1125 }
1126
1127 </style>
1128
1129 <content></content>
1130 </template>
1131
1132 </dom-module>
1133 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">
1134 <template>
1135 <style scope="cr-shared-menu">paper-listbox {
1136 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
1137 overflow: hidden;
1138 position: relative;
1139 width: var(--cr-shared-menu-width);
1140 }
1141
1142 </style>
1143 <iron-dropdown id="dropdown" allow-outside-scroll="" restore-focus-on-close= "" vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" open-ani mation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimation Config]]">
1144 <paper-listbox id="menu" class="dropdown-content">
1145 <content></content>
1146 </paper-listbox>
1147 </iron-dropdown>
1148 </template>
1149 </dom-module>
1150
1151
1118 <dom-module id="app-drawer" assetpath="chrome://resources/polymer/v1_0/app-layou t/app-drawer/" css-build="shadow"> 1152 <dom-module id="app-drawer" assetpath="chrome://resources/polymer/v1_0/app-layou t/app-drawer/" css-build="shadow">
1119 <template> 1153 <template>
1120 <style scope="app-drawer">:host { 1154 <style scope="app-drawer">:host {
1121 position: fixed; 1155 position: fixed;
1122 top: -120px; 1156 top: -120px;
1123 right: 0; 1157 right: 0;
1124 bottom: -120px; 1158 bottom: -120px;
1125 left: 0; 1159 left: 0;
1126 1160
1127 visibility: hidden; 1161 visibility: hidden;
(...skipping 146 matching lines...) Expand 10 before | Expand all | Expand 10 after
1274 1308
1275 ; 1309 ;
1276 } 1310 }
1277 1311
1278 :host(:focus) .tab-content { 1312 :host(:focus) .tab-content {
1279 opacity: 1; 1313 opacity: 1;
1280 font-weight: 700; 1314 font-weight: 700;
1281 } 1315 }
1282 1316
1283 paper-ripple { 1317 paper-ripple {
1284 color: var(--paper-tab-ink,var(--paper-yellow-a100));; 1318 color: var(--paper-tab-ink,var(--paper-yellow-a100));
1285 } 1319 }
1286 1320
1287 .tab-content > ::content > a { 1321 .tab-content > ::content > a {
1288 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex- auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); 1322 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex- auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
1289 1323
1290 height: 100%; 1324 height: 100%;
1291 } 1325 }
1292 1326
1293 </style> 1327 </style>
1294 1328
1295 <div class="tab-content"> 1329 <div class="tab-content">
1296 <content></content> 1330 <content></content>
1297 </div> 1331 </div>
1298 </template> 1332 </template>
1299 1333
1300 </dom-module> 1334 </dom-module>
1301 <iron-iconset-svg name="paper-tabs" size="24"> 1335 <iron-iconset-svg name="paper-tabs" size="24">
1302 <svg><defs> 1336 <svg><defs>
1303 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p ath></g> 1337 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p ath></g>
1304 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">< /path></g> 1338 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">< /path></g>
1305 </defs></svg> 1339 </defs></svg>
1306 </iron-iconset-svg> 1340 </iron-iconset-svg>
1307
1308
1309 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab s/" css-build="shadow"> 1341 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab s/" css-build="shadow">
1310 <template> 1342 <template>
1311 <style scope="paper-tabs">:host { 1343 <style scope="paper-tabs">:host {
1312 display: var(--layout_-_display); 1344 display: var(--layout_-_display);
1313 -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); 1345 -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);
1314 1346
1315 height: 48px; 1347 height: 48px;
1316 font-size: 14px; 1348 font-size: 14px;
1317 font-weight: 500; 1349 font-weight: 500;
1318 overflow: hidden; 1350 overflow: hidden;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
1381 padding: 12px; 1413 padding: 12px;
1382 margin: 0 4px; 1414 margin: 0 4px;
1383 } 1415 }
1384 1416
1385 #selectionBar { 1417 #selectionBar {
1386 position: absolute; 1418 position: absolute;
1387 height: 2px; 1419 height: 2px;
1388 bottom: 0; 1420 bottom: 0;
1389 left: 0; 1421 left: 0;
1390 right: 0; 1422 right: 0;
1391 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello w-a100));; 1423 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello w-a100));
1392 -webkit-transform: scale(0); 1424 -webkit-transform: scale(0);
1393 transform: scale(0); 1425 transform: scale(0);
1394 -webkit-transform-origin: left center; 1426 -webkit-transform-origin: left center;
1395 transform-origin: left center; 1427 transform-origin: left center;
1396 transition: -webkit-transform; 1428 transition: -webkit-transform;
1397 transition: transform; 1429 transition: transform;
1398 1430
1399 ; 1431 ;
1400 } 1432 }
1401 1433
(...skipping 25 matching lines...) Expand all
1427 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div> 1459 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div>
1428 <content select="*"></content> 1460 <content select="*"></content>
1429 </div> 1461 </div>
1430 </div> 1462 </div>
1431 1463
1432 <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> 1464 <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>
1433 1465
1434 </template> 1466 </template>
1435 1467
1436 </dom-module> 1468 </dom-module>
1437 </div><script src="lazy_load.crisper.js"></script></body></html> 1469 </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') | chrome/browser/resources/md_history/list_container.html » ('j') | chrome/browser/resources/md_history/list_container.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698