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

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

Issue 2481693002: [MD History] Make forward/backward work in grouped mode. (Closed)
Patch Set: rebase 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
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
(...skipping 23 matching lines...) Expand all
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/grouped_list.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698