OLD | NEW |
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 |
(...skipping 23 matching lines...) Expand all Loading... |
34 --md-background-color: rgb(241, 241, 241); | 34 --md-background-color: rgb(241, 241, 241); |
35 /* This is --google-blue-700, rewritten as a native custom property for speed. | 35 /* This is --google-blue-700, rewritten as a native custom property for speed. |
36 */ | 36 */ |
37 --md-toolbar-color: rgb(51, 103, 214); | 37 --md-toolbar-color: rgb(51, 103, 214); |
38 } | 38 } |
39 | 39 |
40 </style> | 40 </style> |
41 | 41 |
42 | 42 |
43 | 43 |
44 </head><body><div hidden="" by-vulcanize=""> | 44 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat
h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow"> |
45 | |
46 <dom-module id="iron-pages" assetpath="chrome://resources/polymer/v1_0/iron-page
s/" css-build="shadow"> | |
47 | 45 |
48 <template> | 46 <template> |
49 <style scope="iron-pages">:host { | 47 <style scope="iron-pages">:host { |
50 display: block; | 48 display: block; |
51 } | 49 } |
52 | 50 |
53 :host > ::content > :not(.iron-selected) { | 51 :host > ::content > :not(.iron-selected) { |
54 display: none !important; | 52 display: none !important; |
55 } | 53 } |
56 | 54 |
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
179 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; | 177 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; |
180 | 178 |
181 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; | 179 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; |
182 | 180 |
183 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; | 181 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; |
184 | 182 |
185 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; | 183 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; |
186 } | 184 } |
187 | 185 |
188 </style> | 186 </style> |
| 187 |
| 188 |
189 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> | 189 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> |
190 <template> | 190 <template> |
191 <style scope="iron-icon">:host { | 191 <style scope="iron-icon">:host { |
192 display: var(--layout-inline_-_display); | 192 display: var(--layout-inline_-_display); |
193 -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)
; | 193 -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)
; |
194 position: relative; | 194 position: relative; |
195 | 195 |
196 vertical-align: middle; | 196 vertical-align: middle; |
197 | 197 |
198 fill: var(--iron-icon-fill-color, currentcolor); | 198 fill: var(--iron-icon-fill-color, currentcolor); |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
258 overflow: hidden; | 258 overflow: hidden; |
259 } | 259 } |
260 | 260 |
261 </style> | 261 </style> |
262 | 262 |
263 <div id="background"></div> | 263 <div id="background"></div> |
264 <div id="waves"></div> | 264 <div id="waves"></div> |
265 </template> | 265 </template> |
266 </dom-module> | 266 </dom-module> |
267 <style is="custom-style" css-build="shadow">html { | 267 <style is="custom-style" css-build="shadow">html { |
268 --primary-text-color: var(--light-theme-text-color); | |
269 --primary-background-color: var(--light-theme-background-color); | |
270 --secondary-text-color: var(--light-theme-secondary-color); | |
271 --disabled-text-color: var(--light-theme-disabled-color); | |
272 --divider-color: var(--light-theme-divider-color); | |
273 --error-color: var(--paper-deep-orange-a700); | |
274 | |
275 | |
276 --primary-color: var(--paper-indigo-500); | |
277 --light-primary-color: var(--paper-indigo-100); | |
278 --dark-primary-color: var(--paper-indigo-700); | |
279 | |
280 --accent-color: var(--paper-pink-a200); | |
281 --light-accent-color: var(--paper-pink-a100); | |
282 --dark-accent-color: var(--paper-pink-a400); | |
283 | |
284 | |
285 | |
286 --light-theme-background-color: #ffffff; | |
287 --light-theme-base-color: #000000; | |
288 --light-theme-text-color: var(--paper-grey-900); | |
289 --light-theme-secondary-color: #737373; | |
290 --light-theme-disabled-color: #9b9b9b; | |
291 --light-theme-divider-color: #dbdbdb; | |
292 | |
293 | |
294 --dark-theme-background-color: var(--paper-grey-900); | |
295 --dark-theme-base-color: #ffffff; | |
296 --dark-theme-text-color: #ffffff; | |
297 --dark-theme-secondary-color: #bcbcbc; | |
298 --dark-theme-disabled-color: #646464; | |
299 --dark-theme-divider-color: #3c3c3c; | |
300 | |
301 | |
302 --text-primary-color: var(--dark-theme-text-color); | |
303 --default-primary-color: var(--primary-color); | |
304 } | |
305 | |
306 </style> | |
307 <style is="custom-style" css-build="shadow">html { | |
308 --google-red-100: #f4c7c3; | 268 --google-red-100: #f4c7c3; |
309 --google-red-300: #e67c73; | 269 --google-red-300: #e67c73; |
310 --google-red-500: #db4437; | 270 --google-red-500: #db4437; |
311 --google-red-700: #c53929; | 271 --google-red-700: #c53929; |
312 | 272 |
313 --google-blue-100: #c6dafc; | 273 --google-blue-100: #c6dafc; |
314 --google-blue-300: #7baaf7; | 274 --google-blue-300: #7baaf7; |
315 --google-blue-500: #4285f4; | 275 --google-blue-500: #4285f4; |
316 --google-blue-700: #3367d6; | 276 --google-blue-700: #3367d6; |
317 | 277 |
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
612 --dark-primary-opacity: 0.87; | 572 --dark-primary-opacity: 0.87; |
613 | 573 |
614 | 574 |
615 --light-divider-opacity: 0.12; | 575 --light-divider-opacity: 0.12; |
616 --light-disabled-opacity: 0.3; | 576 --light-disabled-opacity: 0.3; |
617 --light-secondary-opacity: 0.7; | 577 --light-secondary-opacity: 0.7; |
618 --light-primary-opacity: 1.0; | 578 --light-primary-opacity: 1.0; |
619 } | 579 } |
620 | 580 |
621 </style> | 581 </style> |
| 582 |
| 583 |
| 584 <style is="custom-style" css-build="shadow">html { |
| 585 --primary-text-color: var(--light-theme-text-color); |
| 586 --primary-background-color: var(--light-theme-background-color); |
| 587 --secondary-text-color: var(--light-theme-secondary-color); |
| 588 --disabled-text-color: var(--light-theme-disabled-color); |
| 589 --divider-color: var(--light-theme-divider-color); |
| 590 --error-color: var(--paper-deep-orange-a700); |
| 591 |
| 592 |
| 593 --primary-color: var(--paper-indigo-500); |
| 594 --light-primary-color: var(--paper-indigo-100); |
| 595 --dark-primary-color: var(--paper-indigo-700); |
| 596 |
| 597 --accent-color: var(--paper-pink-a200); |
| 598 --light-accent-color: var(--paper-pink-a100); |
| 599 --dark-accent-color: var(--paper-pink-a400); |
| 600 |
| 601 |
| 602 |
| 603 --light-theme-background-color: #ffffff; |
| 604 --light-theme-base-color: #000000; |
| 605 --light-theme-text-color: var(--paper-grey-900); |
| 606 --light-theme-secondary-color: #737373; |
| 607 --light-theme-disabled-color: #9b9b9b; |
| 608 --light-theme-divider-color: #dbdbdb; |
| 609 |
| 610 |
| 611 --dark-theme-background-color: var(--paper-grey-900); |
| 612 --dark-theme-base-color: #ffffff; |
| 613 --dark-theme-text-color: #ffffff; |
| 614 --dark-theme-secondary-color: #bcbcbc; |
| 615 --dark-theme-disabled-color: #646464; |
| 616 --dark-theme-divider-color: #3c3c3c; |
| 617 |
| 618 |
| 619 --text-primary-color: var(--dark-theme-text-color); |
| 620 --default-primary-color: var(--primary-color); |
| 621 } |
| 622 |
| 623 </style> |
| 624 |
| 625 |
622 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/" css-build="shadow"> | 626 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/" css-build="shadow"> |
623 <template strip-whitespace=""> | 627 <template strip-whitespace=""> |
624 <style scope="paper-icon-button">:host { | 628 <style scope="paper-icon-button">:host { |
625 display: inline-block; | 629 display: inline-block; |
626 position: relative; | 630 position: relative; |
627 padding: 8px; | 631 padding: 8px; |
628 outline: none; | 632 outline: none; |
629 -webkit-user-select: none; | 633 -webkit-user-select: none; |
630 -moz-user-select: none; | 634 -moz-user-select: none; |
631 -ms-user-select: none; | 635 -ms-user-select: none; |
632 user-select: none; | 636 user-select: none; |
633 cursor: pointer; | 637 cursor: pointer; |
634 z-index: 0; | 638 z-index: 0; |
635 line-height: 1; | 639 line-height: 1; |
636 | 640 |
637 width: 40px; | 641 width: 40px; |
638 height: 40px; | 642 height: 40px; |
639 | 643 |
640 | 644 |
641 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 645 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
642 -webkit-tap-highlight-color: transparent; | 646 -webkit-tap-highlight-color: transparent; |
643 | 647 |
644 | 648 |
645 box-sizing: border-box !important; | 649 box-sizing: border-box !important; |
646 | 650 |
647 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon
-button_-_width, 40px); | 651 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon
-button_-_width, 40px); |
648 } | 652 } |
649 | 653 |
650 :host #ink { | 654 :host #ink { |
651 color: var(--paper-icon-button-ink-color,var(--primary-text-color)); | 655 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; |
652 opacity: 0.6; | 656 opacity: 0.6; |
653 } | 657 } |
654 | 658 |
655 :host([disabled]) { | 659 :host([disabled]) { |
656 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color)); | 660 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; |
657 pointer-events: none; | 661 pointer-events: none; |
658 cursor: auto; | 662 cursor: auto; |
659 | 663 |
660 ; | 664 ; |
661 } | 665 } |
662 | 666 |
663 :host(:hover) { | 667 :host(:hover) { |
664 ; | 668 ; |
665 } | 669 } |
666 | 670 |
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
755 } | 759 } |
756 | 760 |
757 } | 761 } |
758 | 762 |
759 .spinner-layer { | 763 .spinner-layer { |
760 position: absolute; | 764 position: absolute; |
761 width: 100%; | 765 width: 100%; |
762 height: 100%; | 766 height: 100%; |
763 opacity: 0; | 767 opacity: 0; |
764 white-space: nowrap; | 768 white-space: nowrap; |
765 border-color: var(--paper-spinner-color,var(--google-blue-500)); | 769 border-color: var(--paper-spinner-color,var(--google-blue-500));; |
766 } | 770 } |
767 | 771 |
768 .layer-1 { | 772 .layer-1 { |
769 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); | 773 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; |
770 } | 774 } |
771 | 775 |
772 .layer-2 { | 776 .layer-2 { |
773 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); | 777 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; |
774 } | 778 } |
775 | 779 |
776 .layer-3 { | 780 .layer-3 { |
777 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); | 781 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; |
778 } | 782 } |
779 | 783 |
780 .layer-4 { | 784 .layer-4 { |
781 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); | 785 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; |
782 } | 786 } |
783 | 787 |
784 .active .spinner-layer { | 788 .active .spinner-layer { |
785 -webkit-animation-name: fill-unfill-rotate; | 789 -webkit-animation-name: fill-unfill-rotate; |
786 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); | 790 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); |
787 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 791 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
788 -webkit-animation-iteration-count: infinite; | 792 -webkit-animation-iteration-count: infinite; |
789 animation-name: fill-unfill-rotate; | 793 animation-name: fill-unfill-rotate; |
790 animation-duration: var(--paper-spinner-full-cycle-duration); | 794 animation-duration: var(--paper-spinner-full-cycle-duration); |
791 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 795 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1239 | 1243 |
1240 to { | 1244 to { |
1241 opacity: 0 | 1245 opacity: 0 |
1242 } | 1246 } |
1243 | 1247 |
1244 } | 1248 } |
1245 | 1249 |
1246 </style> | 1250 </style> |
1247 </template> | 1251 </template> |
1248 </dom-module> | 1252 </dom-module> |
| 1253 |
| 1254 |
1249 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p
aper-spinner/" css-build="shadow"> | 1255 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p
aper-spinner/" css-build="shadow"> |
1250 <template strip-whitespace=""> | 1256 <template strip-whitespace=""> |
1251 <style scope="paper-spinner-lite">:host { | 1257 <style scope="paper-spinner-lite">:host { |
1252 display: inline-block; | 1258 display: inline-block; |
1253 position: relative; | 1259 position: relative; |
1254 width: 28px; | 1260 width: 28px; |
1255 height: 28px; | 1261 height: 28px; |
1256 | 1262 |
1257 | 1263 |
1258 --paper-spinner-container-rotation-duration: 1568ms; | 1264 --paper-spinner-container-rotation-duration: 1568ms; |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1293 } | 1299 } |
1294 | 1300 |
1295 } | 1301 } |
1296 | 1302 |
1297 .spinner-layer { | 1303 .spinner-layer { |
1298 position: absolute; | 1304 position: absolute; |
1299 width: 100%; | 1305 width: 100%; |
1300 height: 100%; | 1306 height: 100%; |
1301 opacity: 0; | 1307 opacity: 0; |
1302 white-space: nowrap; | 1308 white-space: nowrap; |
1303 border-color: var(--paper-spinner-color,var(--google-blue-500)); | 1309 border-color: var(--paper-spinner-color,var(--google-blue-500));; |
1304 } | 1310 } |
1305 | 1311 |
1306 .layer-1 { | 1312 .layer-1 { |
1307 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); | 1313 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; |
1308 } | 1314 } |
1309 | 1315 |
1310 .layer-2 { | 1316 .layer-2 { |
1311 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); | 1317 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; |
1312 } | 1318 } |
1313 | 1319 |
1314 .layer-3 { | 1320 .layer-3 { |
1315 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); | 1321 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; |
1316 } | 1322 } |
1317 | 1323 |
1318 .layer-4 { | 1324 .layer-4 { |
1319 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); | 1325 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; |
1320 } | 1326 } |
1321 | 1327 |
1322 .active .spinner-layer { | 1328 .active .spinner-layer { |
1323 -webkit-animation-name: fill-unfill-rotate; | 1329 -webkit-animation-name: fill-unfill-rotate; |
1324 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); | 1330 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); |
1325 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 1331 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
1326 -webkit-animation-iteration-count: infinite; | 1332 -webkit-animation-iteration-count: infinite; |
1327 animation-name: fill-unfill-rotate; | 1333 animation-name: fill-unfill-rotate; |
1328 animation-duration: var(--paper-spinner-full-cycle-duration); | 1334 animation-duration: var(--paper-spinner-full-cycle-duration); |
1329 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 1335 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
(...skipping 854 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2184 border: 2px solid var(--secondary-text-color); | 2190 border: 2px solid var(--secondary-text-color); |
2185 border-radius: 2px; | 2191 border-radius: 2px; |
2186 margin: 1px 10px; | 2192 margin: 1px 10px; |
2187 pointer-events: none; | 2193 pointer-events: none; |
2188 transform: scale(0.8); | 2194 transform: scale(0.8); |
2189 } | 2195 } |
2190 | 2196 |
2191 </style> | 2197 </style> |
2192 </template> | 2198 </template> |
2193 </dom-module> | 2199 </dom-module> |
| 2200 |
| 2201 |
2194 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow
"> | 2202 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow
"> |
2195 <template> | 2203 <template> |
2196 <style scope="history-toolbar">[hidden] { | 2204 <style scope="history-toolbar">[hidden] { |
2197 display: none !important; | 2205 display: none !important; |
2198 } | 2206 } |
2199 | 2207 |
2200 .card-title { | 2208 .card-title { |
2201 align-items: center; | 2209 align-items: center; |
2202 border-bottom: 1px solid var(--card-border-color); | 2210 border-bottom: 1px solid var(--card-border-color); |
2203 border-radius: 2px 2px 0 0; | 2211 border-radius: 2px 2px 0 0; |
(...skipping 259 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2463 <div id="grouped-buttons-container"> | 2471 <div id="grouped-buttons-container"> |
2464 <paper-tabs attr-for-selected="value" selected="{{groupedRange}}" id="gr
ouped-range-buttons"> | 2472 <paper-tabs attr-for-selected="value" selected="{{groupedRange}}" id="gr
ouped-range-buttons"> |
2465 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab> | 2473 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab> |
2466 <paper-tab value="1">$i18n{rangeWeek}</paper-tab> | 2474 <paper-tab value="1">$i18n{rangeWeek}</paper-tab> |
2467 <paper-tab value="2">$i18n{rangeMonth}</paper-tab> | 2475 <paper-tab value="2">$i18n{rangeMonth}</paper-tab> |
2468 </paper-tabs> | 2476 </paper-tabs> |
2469 <div id="grouped-nav-container"> | 2477 <div id="grouped-nav-container"> |
2470 <span id="grouped-date"> | 2478 <span id="grouped-date"> |
2471 {{getHistoryInterval_(queryStartTime, queryEndTime)}} | 2479 {{getHistoryInterval_(queryStartTime, queryEndTime)}} |
2472 </span> | 2480 </span> |
2473 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title=
"$i18n{rangeToday}"></paper-icon-button> | 2481 <paper-icon-button id="today-button" icon="history:today" alt="$i18n{r
angeToday}" title="$i18n{rangeToday}" on-tap="onTodayTap_" disabled="[[isToday_(
groupedOffset)]]"></paper-icon-button> |
2474 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou
s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button> | 2482 <paper-icon-button id="prev-button" icon="history:chevron-left" alt="$
i18n{rangePrevious}" title="$i18n{rangePrevious}" class="rtl-reversible" on-tap=
"onPrevTap_" disabled="[[!hasMoreResults]]"></paper-icon-button> |
2475 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl
e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button> | 2483 <paper-icon-button id="next-button" icon="cr:chevron-right" alt="$i18n
{rangeNext}" title="$i18n{rangeNext}" class="rtl-reversible" on-tap="onNextTap_"
disabled="[[isToday_(groupedOffset)]]"></paper-icon-button> |
2476 </div> | 2484 </div> |
2477 </div> | 2485 </div> |
2478 </template> | 2486 </template> |
2479 </template> | 2487 </template> |
2480 </dom-module> | 2488 </dom-module> |
2481 | 2489 |
2482 | |
2483 | |
2484 | |
2485 <style is="custom-style" css-build="shadow">html { | 2490 <style is="custom-style" css-build="shadow">html { |
2486 --cr-actionable_-_cursor: pointer;; | 2491 --cr-actionable_-_cursor: pointer;; |
2487 --cr-focused-item-color: var(--google-grey-300); | 2492 --cr-focused-item-color: var(--google-grey-300); |
2488 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c
r-selectable-focus_-_outline: none; | 2493 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c
r-selectable-focus_-_outline: none; |
2489 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); | 2494 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); |
2490 --paper-checkbox-ink-size: 40px; | 2495 --paper-checkbox-ink-size: 40px; |
2491 } | 2496 } |
2492 | 2497 |
2493 </style> | 2498 </style> |
| 2499 |
2494 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css
-build="shadow"> | 2500 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css
-build="shadow"> |
2495 <template> | 2501 <template> |
2496 <style scope="cr-shared-style">paper-spinner { | 2502 <style scope="cr-shared-style">paper-spinner { |
2497 --paper-spinner-layer-1-color: var(--google-blue-500); | 2503 --paper-spinner-layer-1-color: var(--google-blue-500); |
2498 --paper-spinner-layer-2-color: var(--google-blue-500); | 2504 --paper-spinner-layer-2-color: var(--google-blue-500); |
2499 --paper-spinner-layer-3-color: var(--google-blue-500); | 2505 --paper-spinner-layer-3-color: var(--google-blue-500); |
2500 --paper-spinner-layer-4-color: var(--google-blue-500); | 2506 --paper-spinner-layer-4-color: var(--google-blue-500); |
2501 } | 2507 } |
2502 | 2508 |
2503 .action-button { | 2509 .action-button { |
(...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2667 | 2673 |
2668 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), | 2674 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), |
2669 0 6px 30px 5px rgba(0, 0, 0, 0.12), | 2675 0 6px 30px 5px rgba(0, 0, 0, 0.12), |
2670 0 8px 10px -5px rgba(0, 0, 0, 0.4);; | 2676 0 8px 10px -5px rgba(0, 0, 0, 0.4);; |
2671 } | 2677 } |
2672 | 2678 |
2673 </style> | 2679 </style> |
2674 <link rel="import" href="chrome://resources/html/util.html"> | 2680 <link rel="import" href="chrome://resources/html/util.html"> |
2675 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> | 2681 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> |
2676 </dom-module> | 2682 </dom-module> |
| 2683 |
| 2684 |
2677 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> | 2685 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> |
2678 <template> | 2686 <template> |
2679 <style scope="history-item">[hidden] { | 2687 <style scope="history-item">[hidden] { |
2680 display: none !important; | 2688 display: none !important; |
2681 } | 2689 } |
2682 | 2690 |
2683 .card-title { | 2691 .card-title { |
2684 align-items: center; | 2692 align-items: center; |
2685 border-bottom: 1px solid var(--card-border-color); | 2693 border-bottom: 1px solid var(--card-border-color); |
2686 border-radius: 2px 2px 0 0; | 2694 border-radius: 2px 2px 0 0; |
(...skipping 400 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3087 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[
!hasResults(historyData_.length)]]"> | 3095 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[
!hasResults(historyData_.length)]]"> |
3088 <template> | 3096 <template> |
3089 <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_}}"> | 3097 <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_}}"> |
3090 </history-item> | 3098 </history-item> |
3091 </template> | 3099 </template> |
3092 </iron-list> | 3100 </iron-list> |
3093 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l
ower-threshold="500" on-lower-threshold="loadMoreData_"> | 3101 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l
ower-threshold="500" on-lower-threshold="loadMoreData_"> |
3094 </iron-scroll-threshold> | 3102 </iron-scroll-threshold> |
3095 </template> | 3103 </template> |
3096 </dom-module> | 3104 </dom-module> |
| 3105 |
| 3106 |
3097 <dom-module id="history-list-container" assetpath="chrome://history/" css-build=
"shadow"> | 3107 <dom-module id="history-list-container" assetpath="chrome://history/" css-build=
"shadow"> |
3098 <template> | 3108 <template> |
3099 <style scope="history-list-container">[hidden] { | 3109 <style scope="history-list-container">[hidden] { |
3100 display: none !important; | 3110 display: none !important; |
3101 } | 3111 } |
3102 | 3112 |
3103 .card-title { | 3113 .card-title { |
3104 align-items: center; | 3114 align-items: center; |
3105 border-bottom: 1px solid var(--card-border-color); | 3115 border-bottom: 1px solid var(--card-border-color); |
3106 border-radius: 2px 2px 0 0; | 3116 border-radius: 2px 2px 0 0; |
(...skipping 189 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3296 </template> | 3306 </template> |
3297 </dom-module> | 3307 </dom-module> |
3298 | 3308 |
3299 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow"
> | 3309 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow"
> |
3300 <template> | 3310 <template> |
3301 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> | 3311 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> |
3302 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_}
}"> | 3312 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_}
}"> |
3303 </iron-query-params> | 3313 </iron-query-params> |
3304 </template> | 3314 </template> |
3305 </dom-module> | 3315 </dom-module> |
| 3316 <style> |
| 3317 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 3318 * Use of this source code is governed by a BSD-style license that can be |
| 3319 * found in the LICENSE file. */ |
| 3320 |
| 3321 <if expr="not chromeos and not is_android"> |
| 3322 @font-face { |
| 3323 font-family: 'Roboto'; |
| 3324 font-style: normal; |
| 3325 font-weight: 400; |
| 3326 src: local('Roboto'), local('Roboto-Regular'), |
| 3327 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 3328 } |
| 3329 |
| 3330 @font-face { |
| 3331 font-family: 'Roboto'; |
| 3332 font-style: normal; |
| 3333 font-weight: 500; |
| 3334 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 3335 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 3336 } |
| 3337 |
| 3338 @font-face { |
| 3339 font-family: 'Roboto'; |
| 3340 font-style: normal; |
| 3341 font-weight: 700; |
| 3342 src: local('Roboto Bold'), local('Roboto-Bold'), |
| 3343 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); |
| 3344 } |
| 3345 </if> |
| 3346 |
| 3347 </style> |
3306 <style is="custom-style" css-build="shadow">html { | 3348 <style is="custom-style" css-build="shadow">html { |
3307 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper
-font-common-base_-_-webkit-font-smoothing: antialiased;; | 3349 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper
-font-common-base_-_-webkit-font-smoothing: antialiased;; |
3308 | 3350 |
3309 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo',
monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; | 3351 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo',
monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; |
3310 | 3352 |
3311 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;
; | 3353 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;
; |
3312 | 3354 |
3313 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra
p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; | 3355 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra
p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; |
3314 | 3356 |
3315 | 3357 |
(...skipping 21 matching lines...) Expand all Loading... |
3337 --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;; | 3379 --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;; |
3338 | 3380 |
3339 --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;; | 3381 --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;; |
3340 | 3382 |
3341 --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;; | 3383 --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;; |
3342 | 3384 |
3343 --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;; | 3385 --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;; |
3344 } | 3386 } |
3345 | 3387 |
3346 </style> | 3388 </style> |
3347 <style> | |
3348 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
3349 * Use of this source code is governed by a BSD-style license that can be | |
3350 * found in the LICENSE file. */ | |
3351 | |
3352 <if expr="not chromeos and not is_android"> | |
3353 @font-face { | |
3354 font-family: 'Roboto'; | |
3355 font-style: normal; | |
3356 font-weight: 400; | |
3357 src: local('Roboto'), local('Roboto-Regular'), | |
3358 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
3359 } | |
3360 | |
3361 @font-face { | |
3362 font-family: 'Roboto'; | |
3363 font-style: normal; | |
3364 font-weight: 500; | |
3365 src: local('Roboto Medium'), local('Roboto-Medium'), | |
3366 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
3367 } | |
3368 | |
3369 @font-face { | |
3370 font-family: 'Roboto'; | |
3371 font-style: normal; | |
3372 font-weight: 700; | |
3373 src: local('Roboto Bold'), local('Roboto-Bold'), | |
3374 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); | |
3375 } | |
3376 </if> | |
3377 | |
3378 </style> | |
3379 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado
w"> | 3389 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado
w"> |
3380 <template> | 3390 <template> |
3381 <style scope="history-side-bar">[hidden] { | 3391 <style scope="history-side-bar">[hidden] { |
3382 display: none !important; | 3392 display: none !important; |
3383 } | 3393 } |
3384 | 3394 |
3385 .card-title { | 3395 .card-title { |
3386 align-items: center; | 3396 align-items: center; |
3387 border-bottom: 1px solid var(--card-border-color); | 3397 border-bottom: 1px solid var(--card-border-color); |
3388 border-radius: 2px 2px 0 0; | 3398 border-radius: 2px 2px 0 0; |
(...skipping 333 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3722 transition: opacity 500ms; | 3732 transition: opacity 500ms; |
3723 } | 3733 } |
3724 | 3734 |
3725 :host([toolbar-shadow_]) #drop-shadow { | 3735 :host([toolbar-shadow_]) #drop-shadow { |
3726 opacity: 1; | 3736 opacity: 1; |
3727 } | 3737 } |
3728 | 3738 |
3729 </style> | 3739 </style> |
3730 <history-router selected-page="{{selectedPage_}}" query-state="{{queryState_
}}"> | 3740 <history-router selected-page="{{selectedPage_}}" query-state="{{queryState_
}}"> |
3731 </history-router> | 3741 </history-router> |
3732 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, | 3742 <history-toolbar id="toolbar" grouped-offset="{{queryState_.groupedOffset}}"
grouped-range="{{queryState_.range}}" has-drawer="[[hasDrawer_]]" is-grouped-mo
de="{{grouped_}}" query-end-time="[[queryResult_.info.queryEndTime]]" has-more-r
esults="[[!queryResult_.info.finished]]" query-start-time="[[queryResult_.info.q
ueryStartTime]]" querying="[[queryState_.querying]]" search-term="{{queryState_.
searchTerm}}" show-menu-promo="[[showMenuPromo_]]" show-sync-notice="[[showSyncN
otice_(hasSyncedResults, selectedPage_)]]" spinner-active="[[shouldShowSpinner_(
queryState_.querying, |
3733 queryState_.incremental, | 3743 queryState_.incremental, |
3734 queryState_.searchTerm)]]" is-group
ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer
yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu
ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh
ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]" show-menu-
promo="[[showMenuPromo_]]"> | 3744 queryState_.searchTerm)]]"> |
3735 </history-toolbar> | 3745 </history-toolbar> |
3736 | 3746 |
3737 <div id="main-container"> | 3747 <div id="main-container"> |
3738 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> | 3748 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> |
3739 </history-side-bar> | 3749 </history-side-bar> |
3740 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> | 3750 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> |
3741 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> | 3751 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> |
3742 </history-list-container> | 3752 </history-list-container> |
3743 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> | 3753 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> |
3744 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> | 3754 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> |
(...skipping 11 matching lines...) Expand all Loading... |
3756 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> | 3766 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> |
3757 </history-side-bar> | 3767 </history-side-bar> |
3758 </app-drawer> | 3768 </app-drawer> |
3759 </template> | 3769 </template> |
3760 | 3770 |
3761 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
3762 </iron-media-query> | 3772 </iron-media-query> |
3763 </template> | 3773 </template> |
3764 </dom-module> | 3774 </dom-module> |
3765 <script src="app.crisper.js"></script></body></html> | 3775 <script src="app.crisper.js"></script></body></html> |
OLD | NEW |