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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.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/app.crisper.js ('k') | chrome/browser/resources/md_history/compiled_resources2.gyp » ('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) 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
11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
15 Code distributed by Google as part of the polymer project is also 15 Code distributed by Google as part of the polymer project is also
16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
17 --><!-- 17 --><!--
18 @license 18 @license
19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
23 Code distributed by Google as part of the polymer project is also 23 Code distributed by Google as part of the polymer project is also
24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
25 --><meta charset="UTF-8"><link rel="import" href="chrome://resources/html/polyme r.html"> 25 --><meta charset="UTF-8">
26 <style>
27 /* Copyright 2016 The Chromium Authors. All rights reserved.
28 * Use of this source code is governed by a BSD-style license that can be
29 * found in the LICENSE file. */
30 26
31 :root { 27 </head><body><div hidden="" by-vulcanize=""><link rel="import" href="chrome://re sources/html/polymer.html"><dom-module id="iron-pages" assetpath="chrome://resou rces/polymer/v1_0/iron-pages/" css-build="shadow">
32 /* This is a custom, Chrome-specific color that does not have a --paper or
33 * --google equivalent. */
34 --md-background-color: #f1f1f1;
35 --md-loading-message-color: #6e6e6e;
36 /* This is --google-blue-700, rewritten as a native custom property for speed.
37 */
38 --md-toolbar-color: rgb(51, 103, 214);
39 }
40
41 </style>
42
43
44
45 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow">
46 28
47 <template> 29 <template>
48 <style scope="iron-pages">:host { 30 <style scope="iron-pages">:host {
49 display: block; 31 display: block;
50 } 32 }
51 33
52 :host > ::content > :not(.iron-selected) { 34 :host > ::content > :not(.iron-selected) {
53 display: none !important; 35 display: none !important;
54 } 36 }
55 37
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
178 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 160 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
179 161
180 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 162 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
181 163
182 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 164 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
183 165
184 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 166 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
185 } 167 }
186 168
187 </style> 169 </style>
188
189
190 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 170 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
191 <template> 171 <template>
192 <style scope="iron-icon">:host { 172 <style scope="iron-icon">:host {
193 display: var(--layout-inline_-_display); 173 display: var(--layout-inline_-_display);
194 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 174 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
195 position: relative; 175 position: relative;
196 176
197 vertical-align: middle; 177 vertical-align: middle;
198 178
199 fill: var(--iron-icon-fill-color, currentcolor); 179 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
292 overflow: hidden; 272 overflow: hidden;
293 } 273 }
294 274
295 </style> 275 </style>
296 276
297 <div id="background"></div> 277 <div id="background"></div>
298 <div id="waves"></div> 278 <div id="waves"></div>
299 </template> 279 </template>
300 </dom-module> 280 </dom-module>
301 <style is="custom-style" css-build="shadow">html { 281 <style is="custom-style" css-build="shadow">html {
282 --primary-text-color: var(--light-theme-text-color);
283 --primary-background-color: var(--light-theme-background-color);
284 --secondary-text-color: var(--light-theme-secondary-color);
285 --disabled-text-color: var(--light-theme-disabled-color);
286 --divider-color: var(--light-theme-divider-color);
287 --error-color: var(--paper-deep-orange-a700);
288
289
290 --primary-color: var(--paper-indigo-500);
291 --light-primary-color: var(--paper-indigo-100);
292 --dark-primary-color: var(--paper-indigo-700);
293
294 --accent-color: var(--paper-pink-a200);
295 --light-accent-color: var(--paper-pink-a100);
296 --dark-accent-color: var(--paper-pink-a400);
297
298
299
300 --light-theme-background-color: #ffffff;
301 --light-theme-base-color: #000000;
302 --light-theme-text-color: var(--paper-grey-900);
303 --light-theme-secondary-color: #737373;
304 --light-theme-disabled-color: #9b9b9b;
305 --light-theme-divider-color: #dbdbdb;
306
307
308 --dark-theme-background-color: var(--paper-grey-900);
309 --dark-theme-base-color: #ffffff;
310 --dark-theme-text-color: #ffffff;
311 --dark-theme-secondary-color: #bcbcbc;
312 --dark-theme-disabled-color: #646464;
313 --dark-theme-divider-color: #3c3c3c;
314
315
316 --text-primary-color: var(--dark-theme-text-color);
317 --default-primary-color: var(--primary-color);
318 }
319
320 </style>
321 <style is="custom-style" css-build="shadow">html {
302 --google-red-100: #f4c7c3; 322 --google-red-100: #f4c7c3;
303 --google-red-300: #e67c73; 323 --google-red-300: #e67c73;
304 --google-red-500: #db4437; 324 --google-red-500: #db4437;
305 --google-red-700: #c53929; 325 --google-red-700: #c53929;
306 326
307 --google-blue-100: #c6dafc; 327 --google-blue-100: #c6dafc;
308 --google-blue-300: #7baaf7; 328 --google-blue-300: #7baaf7;
309 --google-blue-500: #4285f4; 329 --google-blue-500: #4285f4;
310 --google-blue-700: #3367d6; 330 --google-blue-700: #3367d6;
311 331
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
606 --dark-primary-opacity: 0.87; 626 --dark-primary-opacity: 0.87;
607 627
608 628
609 --light-divider-opacity: 0.12; 629 --light-divider-opacity: 0.12;
610 --light-disabled-opacity: 0.3; 630 --light-disabled-opacity: 0.3;
611 --light-secondary-opacity: 0.7; 631 --light-secondary-opacity: 0.7;
612 --light-primary-opacity: 1.0; 632 --light-primary-opacity: 1.0;
613 } 633 }
614 634
615 </style> 635 </style>
616
617
618 <style is="custom-style" css-build="shadow">html {
619 --primary-text-color: var(--light-theme-text-color);
620 --primary-background-color: var(--light-theme-background-color);
621 --secondary-text-color: var(--light-theme-secondary-color);
622 --disabled-text-color: var(--light-theme-disabled-color);
623 --divider-color: var(--light-theme-divider-color);
624 --error-color: var(--paper-deep-orange-a700);
625
626
627 --primary-color: var(--paper-indigo-500);
628 --light-primary-color: var(--paper-indigo-100);
629 --dark-primary-color: var(--paper-indigo-700);
630
631 --accent-color: var(--paper-pink-a200);
632 --light-accent-color: var(--paper-pink-a100);
633 --dark-accent-color: var(--paper-pink-a400);
634
635
636
637 --light-theme-background-color: #ffffff;
638 --light-theme-base-color: #000000;
639 --light-theme-text-color: var(--paper-grey-900);
640 --light-theme-secondary-color: #737373;
641 --light-theme-disabled-color: #9b9b9b;
642 --light-theme-divider-color: #dbdbdb;
643
644
645 --dark-theme-background-color: var(--paper-grey-900);
646 --dark-theme-base-color: #ffffff;
647 --dark-theme-text-color: #ffffff;
648 --dark-theme-secondary-color: #bcbcbc;
649 --dark-theme-disabled-color: #646464;
650 --dark-theme-divider-color: #3c3c3c;
651
652
653 --text-primary-color: var(--dark-theme-text-color);
654 --default-primary-color: var(--primary-color);
655 }
656
657 </style>
658
659
660 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow"> 636 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">
661 <template strip-whitespace=""> 637 <template strip-whitespace="">
662 <style scope="paper-icon-button">:host { 638 <style scope="paper-icon-button">:host {
663 display: inline-block; 639 display: inline-block;
664 position: relative; 640 position: relative;
665 padding: 8px; 641 padding: 8px;
666 outline: none; 642 outline: none;
667 -webkit-user-select: none; 643 -webkit-user-select: none;
668 -moz-user-select: none; 644 -moz-user-select: none;
669 -ms-user-select: none; 645 -ms-user-select: none;
670 user-select: none; 646 user-select: none;
671 cursor: pointer; 647 cursor: pointer;
672 z-index: 0; 648 z-index: 0;
673 line-height: 1; 649 line-height: 1;
674 650
675 width: 40px; 651 width: 40px;
676 height: 40px; 652 height: 40px;
677 653
678 654
679 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 655 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
680 -webkit-tap-highlight-color: transparent; 656 -webkit-tap-highlight-color: transparent;
681 657
682 658
683 box-sizing: border-box !important; 659 box-sizing: border-box !important;
684 660
685 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px); 661 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);
686 } 662 }
687 663
688 :host #ink { 664 :host #ink {
689 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 665 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
690 opacity: 0.6; 666 opacity: 0.6;
691 } 667 }
692 668
693 :host([disabled]) { 669 :host([disabled]) {
694 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 670 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
695 pointer-events: none; 671 pointer-events: none;
696 cursor: auto; 672 cursor: auto;
697 673
698 ; 674 ;
699 } 675 }
700 676
701 :host(:hover) { 677 :host(:hover) {
702 ; 678 ;
703 } 679 }
704 680
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
760 } 736 }
761 737
762 } 738 }
763 739
764 .spinner-layer { 740 .spinner-layer {
765 position: absolute; 741 position: absolute;
766 width: 100%; 742 width: 100%;
767 height: 100%; 743 height: 100%;
768 opacity: 0; 744 opacity: 0;
769 white-space: nowrap; 745 white-space: nowrap;
770 border-color: var(--paper-spinner-color,var(--google-blue-500));; 746 border-color: var(--paper-spinner-color,var(--google-blue-500));
771 } 747 }
772 748
773 .layer-1 { 749 .layer-1 {
774 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 750 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
775 } 751 }
776 752
777 .layer-2 { 753 .layer-2 {
778 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 754 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
779 } 755 }
780 756
781 .layer-3 { 757 .layer-3 {
782 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 758 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
783 } 759 }
784 760
785 .layer-4 { 761 .layer-4 {
786 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 762 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
787 } 763 }
788 764
789 .active .spinner-layer { 765 .active .spinner-layer {
790 -webkit-animation-name: fill-unfill-rotate; 766 -webkit-animation-name: fill-unfill-rotate;
791 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 767 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
792 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 768 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
793 -webkit-animation-iteration-count: infinite; 769 -webkit-animation-iteration-count: infinite;
794 animation-name: fill-unfill-rotate; 770 animation-name: fill-unfill-rotate;
795 animation-duration: var(--paper-spinner-full-cycle-duration); 771 animation-duration: var(--paper-spinner-full-cycle-duration);
796 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 772 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
1244 1220
1245 to { 1221 to {
1246 opacity: 0 1222 opacity: 0
1247 } 1223 }
1248 1224
1249 } 1225 }
1250 1226
1251 </style> 1227 </style>
1252 </template> 1228 </template>
1253 </dom-module> 1229 </dom-module>
1254
1255
1256 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 1230 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
1257 <template strip-whitespace=""> 1231 <template strip-whitespace="">
1258 <style scope="paper-spinner-lite">:host { 1232 <style scope="paper-spinner-lite">:host {
1259 display: inline-block; 1233 display: inline-block;
1260 position: relative; 1234 position: relative;
1261 width: 28px; 1235 width: 28px;
1262 height: 28px; 1236 height: 28px;
1263 1237
1264 1238
1265 --paper-spinner-container-rotation-duration: 1568ms; 1239 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1300 } 1274 }
1301 1275
1302 } 1276 }
1303 1277
1304 .spinner-layer { 1278 .spinner-layer {
1305 position: absolute; 1279 position: absolute;
1306 width: 100%; 1280 width: 100%;
1307 height: 100%; 1281 height: 100%;
1308 opacity: 0; 1282 opacity: 0;
1309 white-space: nowrap; 1283 white-space: nowrap;
1310 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1284 border-color: var(--paper-spinner-color,var(--google-blue-500));
1311 } 1285 }
1312 1286
1313 .layer-1 { 1287 .layer-1 {
1314 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 1288 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
1315 } 1289 }
1316 1290
1317 .layer-2 { 1291 .layer-2 {
1318 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 1292 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
1319 } 1293 }
1320 1294
1321 .layer-3 { 1295 .layer-3 {
1322 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 1296 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
1323 } 1297 }
1324 1298
1325 .layer-4 { 1299 .layer-4 {
1326 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 1300 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
1327 } 1301 }
1328 1302
1329 .active .spinner-layer { 1303 .active .spinner-layer {
1330 -webkit-animation-name: fill-unfill-rotate; 1304 -webkit-animation-name: fill-unfill-rotate;
1331 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1305 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1332 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1306 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1333 -webkit-animation-iteration-count: infinite; 1307 -webkit-animation-iteration-count: infinite;
1334 animation-name: fill-unfill-rotate; 1308 animation-name: fill-unfill-rotate;
1335 animation-duration: var(--paper-spinner-full-cycle-duration); 1309 animation-duration: var(--paper-spinner-full-cycle-duration);
1336 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1310 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 488 matching lines...) Expand 10 before | Expand all | Expand 10 after
1825 #icon { 1799 #icon {
1826 --paper-icon-button-ink-color: white; 1800 --paper-icon-button-ink-color: white;
1827 transition: margin 150ms, opacity 200ms; 1801 transition: margin 150ms, opacity 200ms;
1828 } 1802 }
1829 1803
1830 #prompt { 1804 #prompt {
1831 opacity: 0; 1805 opacity: 0;
1832 } 1806 }
1833 1807
1834 paper-spinner-lite { 1808 paper-spinner-lite {
1835 --paper-spinner-color: white; 1809 height: var(--cr-icon-size_-_height); width: var(--cr-icon-size_-_width);
1836 height: 20px; 1810 --paper-spinner-color: white;
1837 margin: 0 6px; 1811 margin: 0 6px;
1838 opacity: 0; 1812 opacity: 0;
1839 padding: 6px; 1813 padding: 6px;
1840 position: absolute; 1814 position: absolute;
1841 width: 20px;
1842 } 1815 }
1843 1816
1844 paper-spinner-lite[active] { 1817 paper-spinner-lite[active] {
1845 opacity: 1; 1818 opacity: 1;
1846 } 1819 }
1847 1820
1848 #prompt, paper-spinner-lite { 1821 #prompt, paper-spinner-lite {
1849 transition: opacity 200ms; 1822 transition: opacity 200ms;
1850 } 1823 }
1851 1824
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
2079 </cr-toolbar-search-field> 2052 </cr-toolbar-search-field>
2080 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2053 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2081 </iron-media-query> 2054 </iron-media-query>
2082 </div> 2055 </div>
2083 2056
2084 <div id="rightContent"> 2057 <div id="rightContent">
2085 <content select=".more-actions"></content> 2058 <content select=".more-actions"></content>
2086 </div> 2059 </div>
2087 </template> 2060 </template>
2088 </dom-module> 2061 </dom-module>
2089 <link rel="import" href="chrome://history/constants.html"> 2062 <link rel="import" href="chrome://history/constants.html"><iron-iconset-svg size ="24" name="history">
2090 <iron-iconset-svg size="24" name="history">
2091 <svg> 2063 <svg>
2092 <defs> 2064 <defs>
2093 2065
2094 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2066 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2095 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g> 2067 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
2096 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g> 2068 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>
2097 </defs> 2069 </defs>
2098 </svg> 2070 </svg>
2099 </iron-iconset-svg> 2071 </iron-iconset-svg>
2100 <style is="custom-style" css-build="shadow">html { 2072 <style is="custom-style" css-build="shadow">html {
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
2150 align-items: center; 2122 align-items: center;
2151 color: var(--md-loading-message-color); 2123 color: var(--md-loading-message-color);
2152 display: flex; 2124 display: flex;
2153 flex: 1; 2125 flex: 1;
2154 font-size: 14px; 2126 font-size: 14px;
2155 font-weight: 500; 2127 font-weight: 500;
2156 height: 100%; 2128 height: 100%;
2157 justify-content: center; 2129 justify-content: center;
2158 } 2130 }
2159 2131
2160 .menu-item { 2132 .dropdown-item {
2161 -webkit-user-select: none; 2133 align-items: center;
2134 background: none;
2135 border: none;
2136 box-sizing: border-box;
2137 color: var(--paper-grey-800);
2162 cursor: pointer; 2138 cursor: pointer;
2139 display: flex;
2163 font: inherit; 2140 font: inherit;
2164 white-space: nowrap; 2141 min-height: 32px;
2142 padding: 0 24px;
2143 text-align: start;
2144 width: 100%;
2165 } 2145 }
2166 2146
2167 .website-icon { 2147 .website-icon {
2168 -webkit-margin-end: 16px; 2148 -webkit-margin-end: 16px;
2169 background-repeat: no-repeat; 2149 background-repeat: no-repeat;
2170 background-size: 16px; 2150 background-size: 16px;
2171 height: 16px; 2151 height: 16px;
2172 width: 16px; 2152 width: 16px;
2173 } 2153 }
2174 2154
(...skipping 28 matching lines...) Expand all
2203 border: 2px solid var(--secondary-text-color); 2183 border: 2px solid var(--secondary-text-color);
2204 border-radius: 2px; 2184 border-radius: 2px;
2205 margin: 1px 8px; 2185 margin: 1px 8px;
2206 pointer-events: none; 2186 pointer-events: none;
2207 transform: scale(0.8); 2187 transform: scale(0.8);
2208 } 2188 }
2209 2189
2210 </style> 2190 </style>
2211 </template> 2191 </template>
2212 </dom-module> 2192 </dom-module>
2213
2214
2215 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2193 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2216 <template> 2194 <template>
2217 <style scope="history-toolbar">[hidden] { 2195 <style scope="history-toolbar">[hidden] {
2218 display: none !important; 2196 display: none !important;
2219 } 2197 }
2220 2198
2221 a { 2199 a {
2222 color: var(--link-color); 2200 color: var(--link-color);
2223 } 2201 }
2224 2202
(...skipping 16 matching lines...) Expand all
2241 align-items: center; 2219 align-items: center;
2242 color: var(--md-loading-message-color); 2220 color: var(--md-loading-message-color);
2243 display: flex; 2221 display: flex;
2244 flex: 1; 2222 flex: 1;
2245 font-size: 14px; 2223 font-size: 14px;
2246 font-weight: 500; 2224 font-weight: 500;
2247 height: 100%; 2225 height: 100%;
2248 justify-content: center; 2226 justify-content: center;
2249 } 2227 }
2250 2228
2251 .menu-item { 2229 .dropdown-item {
2252 -webkit-user-select: none; 2230 align-items: center;
2231 background: none;
2232 border: none;
2233 box-sizing: border-box;
2234 color: var(--paper-grey-800);
2253 cursor: pointer; 2235 cursor: pointer;
2236 display: flex;
2254 font: inherit; 2237 font: inherit;
2255 white-space: nowrap; 2238 min-height: 32px;
2239 padding: 0 24px;
2240 text-align: start;
2241 width: 100%;
2256 } 2242 }
2257 2243
2258 .website-icon { 2244 .website-icon {
2259 -webkit-margin-end: 16px; 2245 -webkit-margin-end: 16px;
2260 background-repeat: no-repeat; 2246 background-repeat: no-repeat;
2261 background-size: 16px; 2247 background-size: 16px;
2262 height: 16px; 2248 height: 16px;
2263 width: 16px; 2249 width: 16px;
2264 } 2250 }
2265 2251
(...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after
2500 </button> 2486 </button>
2501 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]"> 2487 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]">
2502 <iron-icon icon="cr:chevron-right"></iron-icon> 2488 <iron-icon icon="cr:chevron-right"></iron-icon>
2503 </button> 2489 </button>
2504 </div> 2490 </div>
2505 </div> 2491 </div>
2506 </template> 2492 </template>
2507 </template> 2493 </template>
2508 </dom-module> 2494 </dom-module>
2509 2495
2496
2497
2498
2510 <style is="custom-style" css-build="shadow">html { 2499 <style is="custom-style" css-build="shadow">html {
2511 --cr-actionable_-_cursor: pointer;; 2500 --cr-actionable_-_cursor: pointer;;
2512 --cr-focused-item-color: var(--google-grey-300); 2501 --cr-focused-item-color: var(--google-grey-300);
2513 2502
2514 --cr-icon-padding: 8px; 2503 --cr-icon-padding: 8px;
2504 --cr-icon-size_-_height: 20px; --cr-icon-size_-_width: 20px;
2515 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2505 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2516 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2506 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2517 --paper-checkbox-ink-size: 40px; 2507 --paper-checkbox-ink-size: 40px;
2518 } 2508 }
2519 2509
2520 </style> 2510 </style>
2521
2522 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2511 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2523 <template> 2512 <template>
2524 <style scope="cr-shared-style">paper-spinner { 2513 <style scope="cr-shared-style">paper-spinner {
2525 --paper-spinner-layer-1-color: var(--google-blue-500); 2514 --paper-spinner-layer-1-color: var(--google-blue-500);
2526 --paper-spinner-layer-2-color: var(--google-blue-500); 2515 --paper-spinner-layer-2-color: var(--google-blue-500);
2527 --paper-spinner-layer-3-color: var(--google-blue-500); 2516 --paper-spinner-layer-3-color: var(--google-blue-500);
2528 --paper-spinner-layer-4-color: var(--google-blue-500); 2517 --paper-spinner-layer-4-color: var(--google-blue-500);
2529 } 2518 }
2530 2519
2531 .action-button { 2520 .action-button {
(...skipping 11 matching lines...) Expand all
2543 } 2532 }
2544 2533
2545 .action-button, .cancel-button { 2534 .action-button, .cancel-button {
2546 font-weight: 500; 2535 font-weight: 500;
2547 } 2536 }
2548 2537
2549 [actionable] { 2538 [actionable] {
2550 cursor: var(--cr-actionable_-_cursor); 2539 cursor: var(--cr-actionable_-_cursor);
2551 } 2540 }
2552 2541
2542 button[is='paper-icon-button-light'].subpage-arrow {
2543 background-image: url("chrome://resources/images/arrow_right.svg");
2544 }
2545
2546 button[is='paper-icon-button-light'].icon-external {
2547 background-image: url("chrome://resources/images/open_in_new.svg");
2548 }
2549
2550 .subpage-arrow, .icon-external {
2551 display: none;
2552 }
2553
2554 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {
2555 display: block;
2556 }
2557
2553 [scrollable] { 2558 [scrollable] {
2554 border-color: transparent; 2559 border-color: transparent;
2555 border-style: solid; 2560 border-style: solid;
2556 border-width: 1px 0; 2561 border-width: 1px 0;
2557 overflow-y: auto; 2562 overflow-y: auto;
2558 } 2563 }
2559 2564
2560 [scrollable].is-scrolled { 2565 [scrollable].is-scrolled {
2561 border-top-color: var(--google-grey-300); 2566 border-top-color: var(--google-grey-300);
2562 } 2567 }
(...skipping 21 matching lines...) Expand all
2584 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline); 2589 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);
2585 } 2590 }
2586 2591
2587 [selectable] > * { 2592 [selectable] > * {
2588 cursor: var(--cr-actionable_-_cursor); 2593 cursor: var(--cr-actionable_-_cursor);
2589 } 2594 }
2590 2595
2591 </style> 2596 </style>
2592 </template> 2597 </template>
2593 </dom-module> 2598 </dom-module>
2599 <dom-module id="cr-action-menu" assetpath="chrome://resources/cr_elements/cr_act ion_menu/" css-build="shadow">
2600 <template>
2601 <style scope="cr-action-menu">:host {
2602 background-color: white;
2603 border: none;
2604 box-shadow: 0 2px 6px var(--paper-grey-500);
2605 margin: 0;
2606 outline: none;
2607 padding: 8px 0;
2608 }
2609
2610 :host::backdrop {
2611 background-color: transparent;
2612 }
2613
2614 :host ::content .dropdown-item:focus {
2615 background-color: var(--paper-grey-300);
2616 outline: none;
2617 }
2618
2619 </style>
2620 <content select=".dropdown-item,hr"></content>
2621 </template>
2622 </dom-module>
2594 2623
2595 2624
2596 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow"> 2625 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">
2597 <template> 2626 <template>
2598 <style scope="iron-a11y-announcer">:host { 2627 <style scope="iron-a11y-announcer">:host {
2599 display: inline-block; 2628 display: inline-block;
2600 position: fixed; 2629 position: fixed;
2601 clip: rect(0px,0px,0px,0px); 2630 clip: rect(0px,0px,0px,0px);
2602 } 2631 }
2603 2632
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
2692 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 2721 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
2693 0 4px 22px 3px rgba(0, 0, 0, 0.12), 2722 0 4px 22px 3px rgba(0, 0, 0, 0.12),
2694 0 6px 7px -4px rgba(0, 0, 0, 0.4);; 2723 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
2695 2724
2696 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 2725 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
2697 0 6px 30px 5px rgba(0, 0, 0, 0.12), 2726 0 6px 30px 5px rgba(0, 0, 0, 0.12),
2698 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 2727 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
2699 } 2728 }
2700 2729
2701 </style> 2730 </style>
2702 <link rel="import" href="chrome://resources/html/util.html"> 2731 <link rel="import" href="chrome://resources/html/util.html"><dom-module id="hist ory-searched-label" assetpath="/" css-build="shadow">
2703 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
2704 </dom-module> 2732 </dom-module>
2705 2733 <dom-module id="history-item" assetpath="/" css-build="shadow">
2706
2707 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
2708 <template> 2734 <template>
2709 <style scope="history-item">[hidden] { 2735 <style scope="history-item">[hidden] {
2710 display: none !important; 2736 display: none !important;
2711 } 2737 }
2712 2738
2713 a { 2739 a {
2714 color: var(--link-color); 2740 color: var(--link-color);
2715 } 2741 }
2716 2742
2717 .card-title { 2743 .card-title {
(...skipping 15 matching lines...) Expand all
2733 align-items: center; 2759 align-items: center;
2734 color: var(--md-loading-message-color); 2760 color: var(--md-loading-message-color);
2735 display: flex; 2761 display: flex;
2736 flex: 1; 2762 flex: 1;
2737 font-size: 14px; 2763 font-size: 14px;
2738 font-weight: 500; 2764 font-weight: 500;
2739 height: 100%; 2765 height: 100%;
2740 justify-content: center; 2766 justify-content: center;
2741 } 2767 }
2742 2768
2743 .menu-item { 2769 .dropdown-item {
2744 -webkit-user-select: none; 2770 align-items: center;
2771 background: none;
2772 border: none;
2773 box-sizing: border-box;
2774 color: var(--paper-grey-800);
2745 cursor: pointer; 2775 cursor: pointer;
2776 display: flex;
2746 font: inherit; 2777 font: inherit;
2747 white-space: nowrap; 2778 min-height: 32px;
2779 padding: 0 24px;
2780 text-align: start;
2781 width: 100%;
2748 } 2782 }
2749 2783
2750 .website-icon { 2784 .website-icon {
2751 -webkit-margin-end: 16px; 2785 -webkit-margin-end: 16px;
2752 background-repeat: no-repeat; 2786 background-repeat: no-repeat;
2753 background-size: 16px; 2787 background-size: 16px;
2754 height: 16px; 2788 height: 16px;
2755 width: 16px; 2789 width: 16px;
2756 } 2790 }
2757 2791
(...skipping 287 matching lines...) Expand 10 before | Expand all | Expand 10 after
3045 align-items: center; 3079 align-items: center;
3046 color: var(--md-loading-message-color); 3080 color: var(--md-loading-message-color);
3047 display: flex; 3081 display: flex;
3048 flex: 1; 3082 flex: 1;
3049 font-size: 14px; 3083 font-size: 14px;
3050 font-weight: 500; 3084 font-weight: 500;
3051 height: 100%; 3085 height: 100%;
3052 justify-content: center; 3086 justify-content: center;
3053 } 3087 }
3054 3088
3055 .menu-item { 3089 .dropdown-item {
3056 -webkit-user-select: none; 3090 align-items: center;
3091 background: none;
3092 border: none;
3093 box-sizing: border-box;
3094 color: var(--paper-grey-800);
3057 cursor: pointer; 3095 cursor: pointer;
3096 display: flex;
3058 font: inherit; 3097 font: inherit;
3059 white-space: nowrap; 3098 min-height: 32px;
3099 padding: 0 24px;
3100 text-align: start;
3101 width: 100%;
3060 } 3102 }
3061 3103
3062 .website-icon { 3104 .website-icon {
3063 -webkit-margin-end: 16px; 3105 -webkit-margin-end: 16px;
3064 background-repeat: no-repeat; 3106 background-repeat: no-repeat;
3065 background-size: 16px; 3107 background-size: 16px;
3066 height: 16px; 3108 height: 16px;
3067 width: 16px; 3109 width: 16px;
3068 } 3110 }
3069 3111
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
3120 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3162 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3121 <template> 3163 <template>
3122 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}"> 3164 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}">
3123 </history-item> 3165 </history-item>
3124 </template> 3166 </template>
3125 </iron-list> 3167 </iron-list>
3126 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 3168 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
3127 </iron-scroll-threshold> 3169 </iron-scroll-threshold>
3128 </template> 3170 </template>
3129 </dom-module> 3171 </dom-module>
3130
3131
3132 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 3172 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
3133 <template> 3173 <template>
3134 <style scope="history-list-container">[hidden] { 3174 <style scope="history-list-container">[hidden] {
3135 display: none !important; 3175 display: none !important;
3136 } 3176 }
3137 3177
3138 a { 3178 a {
3139 color: var(--link-color); 3179 color: var(--link-color);
3140 } 3180 }
3141 3181
(...skipping 16 matching lines...) Expand all
3158 align-items: center; 3198 align-items: center;
3159 color: var(--md-loading-message-color); 3199 color: var(--md-loading-message-color);
3160 display: flex; 3200 display: flex;
3161 flex: 1; 3201 flex: 1;
3162 font-size: 14px; 3202 font-size: 14px;
3163 font-weight: 500; 3203 font-weight: 500;
3164 height: 100%; 3204 height: 100%;
3165 justify-content: center; 3205 justify-content: center;
3166 } 3206 }
3167 3207
3168 .menu-item { 3208 .dropdown-item {
3169 -webkit-user-select: none; 3209 align-items: center;
3210 background: none;
3211 border: none;
3212 box-sizing: border-box;
3213 color: var(--paper-grey-800);
3170 cursor: pointer; 3214 cursor: pointer;
3215 display: flex;
3171 font: inherit; 3216 font: inherit;
3172 white-space: nowrap; 3217 min-height: 32px;
3218 padding: 0 24px;
3219 text-align: start;
3220 width: 100%;
3173 } 3221 }
3174 3222
3175 .website-icon { 3223 .website-icon {
3176 -webkit-margin-end: 16px; 3224 -webkit-margin-end: 16px;
3177 background-repeat: no-repeat; 3225 background-repeat: no-repeat;
3178 background-size: 16px; 3226 background-size: 16px;
3179 height: 16px; 3227 height: 16px;
3180 width: 16px; 3228 width: 16px;
3181 } 3229 }
3182 3230
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
3237 } 3285 }
3238 3286
3239 .action-button, .cancel-button { 3287 .action-button, .cancel-button {
3240 font-weight: 500; 3288 font-weight: 500;
3241 } 3289 }
3242 3290
3243 [actionable] { 3291 [actionable] {
3244 cursor: var(--cr-actionable_-_cursor); 3292 cursor: var(--cr-actionable_-_cursor);
3245 } 3293 }
3246 3294
3295 button[is='paper-icon-button-light'].subpage-arrow {
3296 background-image: url("chrome://resources/images/arrow_right.svg");
3297 }
3298
3299 button[is='paper-icon-button-light'].icon-external {
3300 background-image: url("chrome://resources/images/open_in_new.svg");
3301 }
3302
3303 .subpage-arrow, .icon-external {
3304 display: none;
3305 }
3306
3307 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {
3308 display: block;
3309 }
3310
3247 [scrollable] { 3311 [scrollable] {
3248 border-color: transparent; 3312 border-color: transparent;
3249 border-style: solid; 3313 border-style: solid;
3250 border-width: 1px 0; 3314 border-width: 1px 0;
3251 overflow-y: auto; 3315 overflow-y: auto;
3252 } 3316 }
3253 3317
3254 [scrollable].is-scrolled { 3318 [scrollable].is-scrolled {
3255 border-top-color: var(--google-grey-300); 3319 border-top-color: var(--google-grey-300);
3256 } 3320 }
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
3315 $i18n{cancel} 3379 $i18n{cancel}
3316 </paper-button> 3380 </paper-button>
3317 <paper-button class="action-button" on-tap="onDialogConfirmTap_"> 3381 <paper-button class="action-button" on-tap="onDialogConfirmTap_">
3318 $i18n{deleteConfirm} 3382 $i18n{deleteConfirm}
3319 </paper-button> 3383 </paper-button>
3320 </div> 3384 </div>
3321 </dialog> 3385 </dialog>
3322 </template> 3386 </template>
3323 3387
3324 <template is="cr-lazy-render" id="sharedMenu"> 3388 <template is="cr-lazy-render" id="sharedMenu">
3325 <cr-shared-menu> 3389 <dialog is="cr-action-menu">
3326 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_"> 3390 <button id="menuMoreButton" class="dropdown-item" on-tap="onMoreFromSite Tap_">
3327 $i18n{moreFromSite} 3391 $i18n{moreFromSite}
3328 </paper-item> 3392 </button>
3329 <paper-item id="menuRemoveButton" class="menu-item" disabled="[[!canDele teHistory_()]]" on-tap="onRemoveFromHistoryTap_"> 3393 <button id="menuRemoveButton" class="dropdown-item" disabled="[[!canDele teHistory_()]]" on-tap="onRemoveFromHistoryTap_">
3330 $i18n{removeFromHistory} 3394 $i18n{removeFromHistory}
3331 </paper-item> 3395 </button>
3332 </cr-shared-menu> 3396 </dialog>
3333 </template> 3397 </template>
3334 </template> 3398 </template>
3335 </dom-module> 3399 </dom-module>
3336 3400
3337 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" > 3401 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3338 <template> 3402 <template>
3339 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> 3403 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3340 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }"> 3404 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3341 </iron-query-params> 3405 </iron-query-params>
3342 </template> 3406 </template>
3343 </dom-module> 3407 </dom-module>
3344 <style>
3345 /* Copyright 2015 The Chromium Authors. All rights reserved.
3346 * Use of this source code is governed by a BSD-style license that can be
3347 * found in the LICENSE file. */
3348
3349 <if expr="not chromeos and not is_android">
3350 @font-face {
3351 font-family: 'Roboto';
3352 font-style: normal;
3353 font-weight: 400;
3354 src: local('Roboto'), local('Roboto-Regular'),
3355 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3356 }
3357
3358 @font-face {
3359 font-family: 'Roboto';
3360 font-style: normal;
3361 font-weight: 500;
3362 src: local('Roboto Medium'), local('Roboto-Medium'),
3363 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3364 }
3365
3366 @font-face {
3367 font-family: 'Roboto';
3368 font-style: normal;
3369 font-weight: 700;
3370 src: local('Roboto Bold'), local('Roboto-Bold'),
3371 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3372 }
3373 </if>
3374
3375 </style>
3376 <style is="custom-style" css-build="shadow">html { 3408 <style is="custom-style" css-build="shadow">html {
3377 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 3409 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
3378 3410
3379 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 3411 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
3380 3412
3381 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 3413 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
3382 3414
3383 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 3415 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
3384 3416
3385 3417
(...skipping 21 matching lines...) Expand all
3407 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; 3439 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;
3408 3440
3409 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;; 3441 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;;
3410 3442
3411 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; 3443 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;
3412 3444
3413 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; 3445 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;
3414 } 3446 }
3415 3447
3416 </style> 3448 </style>
3417 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 3449 <style>
3450 /* Copyright 2015 The Chromium Authors. All rights reserved.
3451 * Use of this source code is governed by a BSD-style license that can be
3452 * found in the LICENSE file. */
3453
3454 <if expr="not chromeos and not is_android">
3455 @font-face {
3456 font-family: 'Roboto';
3457 font-style: normal;
3458 font-weight: 400;
3459 src: local('Roboto'), local('Roboto-Regular'),
3460 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3461 }
3462
3463 @font-face {
3464 font-family: 'Roboto';
3465 font-style: normal;
3466 font-weight: 500;
3467 src: local('Roboto Medium'), local('Roboto-Medium'),
3468 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3469 }
3470
3471 @font-face {
3472 font-family: 'Roboto';
3473 font-style: normal;
3474 font-weight: 700;
3475 src: local('Roboto Bold'), local('Roboto-Bold'),
3476 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3477 }
3478 </if>
3479
3480 </style><dom-module id="history-side-bar" assetpath="chrome://history/" css-buil d="shadow">
3418 <template> 3481 <template>
3419 <style scope="history-side-bar">[hidden] { 3482 <style scope="history-side-bar">[hidden] {
3420 display: none !important; 3483 display: none !important;
3421 } 3484 }
3422 3485
3423 a { 3486 a {
3424 color: var(--link-color); 3487 color: var(--link-color);
3425 } 3488 }
3426 3489
3427 .card-title { 3490 .card-title {
(...skipping 15 matching lines...) Expand all
3443 align-items: center; 3506 align-items: center;
3444 color: var(--md-loading-message-color); 3507 color: var(--md-loading-message-color);
3445 display: flex; 3508 display: flex;
3446 flex: 1; 3509 flex: 1;
3447 font-size: 14px; 3510 font-size: 14px;
3448 font-weight: 500; 3511 font-weight: 500;
3449 height: 100%; 3512 height: 100%;
3450 justify-content: center; 3513 justify-content: center;
3451 } 3514 }
3452 3515
3453 .menu-item { 3516 .dropdown-item {
3454 -webkit-user-select: none; 3517 align-items: center;
3518 background: none;
3519 border: none;
3520 box-sizing: border-box;
3521 color: var(--paper-grey-800);
3455 cursor: pointer; 3522 cursor: pointer;
3523 display: flex;
3456 font: inherit; 3524 font: inherit;
3457 white-space: nowrap; 3525 min-height: 32px;
3526 padding: 0 24px;
3527 text-align: start;
3528 width: 100%;
3458 } 3529 }
3459 3530
3460 .website-icon { 3531 .website-icon {
3461 -webkit-margin-end: 16px; 3532 -webkit-margin-end: 16px;
3462 background-repeat: no-repeat; 3533 background-repeat: no-repeat;
3463 background-size: 16px; 3534 background-size: 16px;
3464 height: 16px; 3535 height: 16px;
3465 width: 16px; 3536 width: 16px;
3466 } 3537 }
3467 3538
(...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after
3601 <paper-ripple id="cbd-ripple"></paper-ripple> 3672 <paper-ripple id="cbd-ripple"></paper-ripple>
3602 </a> 3673 </a>
3603 <div id="spacer"></div> 3674 <div id="spacer"></div>
3604 <div id="footer" hidden="[[!showFooter]]"> 3675 <div id="footer" hidden="[[!showFooter]]">
3605 <div class="separator"></div> 3676 <div class="separator"></div>
3606 <div id="footer-text">$i18nRaw{sidebarFooter}</div> 3677 <div id="footer-text">$i18nRaw{sidebarFooter}</div>
3607 </div> 3678 </div>
3608 </iron-selector> 3679 </iron-selector>
3609 </template> 3680 </template>
3610 </dom-module> 3681 </dom-module>
3611 </div><dom-module id="history-app" css-build="shadow"> 3682 <style>
3683 /* Copyright 2016 The Chromium Authors. All rights reserved.
3684 * Use of this source code is governed by a BSD-style license that can be
3685 * found in the LICENSE file. */
3686
3687 :root {
3688 /* This is a custom, Chrome-specific color that does not have a --paper or
3689 * --google equivalent. */
3690 --md-background-color: #f1f1f1;
3691 --md-loading-message-color: #6e6e6e;
3692 /* This is --google-blue-700, rewritten as a native custom property for speed.
3693 */
3694 --md-toolbar-color: rgb(51, 103, 214);
3695 }
3696
3697 </style></div><dom-module id="history-app" css-build="shadow">
3612 <template> 3698 <template>
3613 <style scope="history-app">[hidden] { 3699 <style scope="history-app">[hidden] {
3614 display: none !important; 3700 display: none !important;
3615 } 3701 }
3616 3702
3617 a { 3703 a {
3618 color: var(--link-color); 3704 color: var(--link-color);
3619 } 3705 }
3620 3706
3621 .card-title { 3707 .card-title {
(...skipping 15 matching lines...) Expand all
3637 align-items: center; 3723 align-items: center;
3638 color: var(--md-loading-message-color); 3724 color: var(--md-loading-message-color);
3639 display: flex; 3725 display: flex;
3640 flex: 1; 3726 flex: 1;
3641 font-size: 14px; 3727 font-size: 14px;
3642 font-weight: 500; 3728 font-weight: 500;
3643 height: 100%; 3729 height: 100%;
3644 justify-content: center; 3730 justify-content: center;
3645 } 3731 }
3646 3732
3647 .menu-item { 3733 .dropdown-item {
3648 -webkit-user-select: none; 3734 align-items: center;
3735 background: none;
3736 border: none;
3737 box-sizing: border-box;
3738 color: var(--paper-grey-800);
3649 cursor: pointer; 3739 cursor: pointer;
3740 display: flex;
3650 font: inherit; 3741 font: inherit;
3651 white-space: nowrap; 3742 min-height: 32px;
3743 padding: 0 24px;
3744 text-align: start;
3745 width: 100%;
3652 } 3746 }
3653 3747
3654 .website-icon { 3748 .website-icon {
3655 -webkit-margin-end: 16px; 3749 -webkit-margin-end: 16px;
3656 background-repeat: no-repeat; 3750 background-repeat: no-repeat;
3657 background-size: 16px; 3751 background-size: 16px;
3658 height: 16px; 3752 height: 16px;
3659 width: 16px; 3753 width: 16px;
3660 } 3754 }
3661 3755
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
3798 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3892 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3799 </history-side-bar> 3893 </history-side-bar>
3800 </app-drawer> 3894 </app-drawer>
3801 </template> 3895 </template>
3802 3896
3803 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3897 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3804 </iron-media-query> 3898 </iron-media-query>
3805 </template> 3899 </template>
3806 </dom-module> 3900 </dom-module>
3807 <script src="app.crisper.js"></script></body></html> 3901 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/compiled_resources2.gyp » ('j') | chrome/browser/resources/md_history/list_container.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698