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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2517243002: [Sync] Removing complexity around PROXY_TABS now that empty sessions are provided when disabled. (Closed)
Patch Set: Reverted ios change. 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
« chrome/browser/resources/md_history/app.js ('K') | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 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: rgb(241, 241, 241);
35 /* This is --google-blue-700, rewritten as a native custom property for speed.
36 */
37 --md-toolbar-color: rgb(51, 103, 214);
38 }
39
40 </style>
41
42
43
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 28
46 <template> 29 <template>
47 <style scope="iron-pages">:host { 30 <style scope="iron-pages">:host {
48 display: block; 31 display: block;
49 } 32 }
50 33
51 :host > ::content > :not(.iron-selected) { 34 :host > ::content > :not(.iron-selected) {
52 display: none !important; 35 display: none !important;
53 } 36 }
54 37
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
177 --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;;
178 161
179 --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;;
180 163
181 --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;;
182 165
183 --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;;
184 } 167 }
185 168
186 </style> 169 </style>
187
188
189 <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">
190 <template> 171 <template>
191 <style scope="iron-icon">:host { 172 <style scope="iron-icon">:host {
192 display: var(--layout-inline_-_display); 173 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) ; 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) ;
194 position: relative; 175 position: relative;
195 176
196 vertical-align: middle; 177 vertical-align: middle;
197 178
198 fill: var(--iron-icon-fill-color, currentcolor); 179 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
258 overflow: hidden; 239 overflow: hidden;
259 } 240 }
260 241
261 </style> 242 </style>
262 243
263 <div id="background"></div> 244 <div id="background"></div>
264 <div id="waves"></div> 245 <div id="waves"></div>
265 </template> 246 </template>
266 </dom-module> 247 </dom-module>
267 <style is="custom-style" css-build="shadow">html { 248 <style is="custom-style" css-build="shadow">html {
249 --primary-text-color: var(--light-theme-text-color);
250 --primary-background-color: var(--light-theme-background-color);
251 --secondary-text-color: var(--light-theme-secondary-color);
252 --disabled-text-color: var(--light-theme-disabled-color);
253 --divider-color: var(--light-theme-divider-color);
254 --error-color: var(--paper-deep-orange-a700);
255
256
257 --primary-color: var(--paper-indigo-500);
258 --light-primary-color: var(--paper-indigo-100);
259 --dark-primary-color: var(--paper-indigo-700);
260
261 --accent-color: var(--paper-pink-a200);
262 --light-accent-color: var(--paper-pink-a100);
263 --dark-accent-color: var(--paper-pink-a400);
264
265
266
267 --light-theme-background-color: #ffffff;
268 --light-theme-base-color: #000000;
269 --light-theme-text-color: var(--paper-grey-900);
270 --light-theme-secondary-color: #737373;
271 --light-theme-disabled-color: #9b9b9b;
272 --light-theme-divider-color: #dbdbdb;
273
274
275 --dark-theme-background-color: var(--paper-grey-900);
276 --dark-theme-base-color: #ffffff;
277 --dark-theme-text-color: #ffffff;
278 --dark-theme-secondary-color: #bcbcbc;
279 --dark-theme-disabled-color: #646464;
280 --dark-theme-divider-color: #3c3c3c;
281
282
283 --text-primary-color: var(--dark-theme-text-color);
284 --default-primary-color: var(--primary-color);
285 }
286
287 </style>
288 <style is="custom-style" css-build="shadow">html {
268 --google-red-100: #f4c7c3; 289 --google-red-100: #f4c7c3;
269 --google-red-300: #e67c73; 290 --google-red-300: #e67c73;
270 --google-red-500: #db4437; 291 --google-red-500: #db4437;
271 --google-red-700: #c53929; 292 --google-red-700: #c53929;
272 293
273 --google-blue-100: #c6dafc; 294 --google-blue-100: #c6dafc;
274 --google-blue-300: #7baaf7; 295 --google-blue-300: #7baaf7;
275 --google-blue-500: #4285f4; 296 --google-blue-500: #4285f4;
276 --google-blue-700: #3367d6; 297 --google-blue-700: #3367d6;
277 298
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
572 --dark-primary-opacity: 0.87; 593 --dark-primary-opacity: 0.87;
573 594
574 595
575 --light-divider-opacity: 0.12; 596 --light-divider-opacity: 0.12;
576 --light-disabled-opacity: 0.3; 597 --light-disabled-opacity: 0.3;
577 --light-secondary-opacity: 0.7; 598 --light-secondary-opacity: 0.7;
578 --light-primary-opacity: 1.0; 599 --light-primary-opacity: 1.0;
579 } 600 }
580 601
581 </style> 602 </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
626 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow"> 603 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">
627 <template strip-whitespace=""> 604 <template strip-whitespace="">
628 <style scope="paper-icon-button">:host { 605 <style scope="paper-icon-button">:host {
629 display: inline-block; 606 display: inline-block;
630 position: relative; 607 position: relative;
631 padding: 8px; 608 padding: 8px;
632 outline: none; 609 outline: none;
633 -webkit-user-select: none; 610 -webkit-user-select: none;
634 -moz-user-select: none; 611 -moz-user-select: none;
635 -ms-user-select: none; 612 -ms-user-select: none;
636 user-select: none; 613 user-select: none;
637 cursor: pointer; 614 cursor: pointer;
638 z-index: 0; 615 z-index: 0;
639 line-height: 1; 616 line-height: 1;
640 617
641 width: 40px; 618 width: 40px;
642 height: 40px; 619 height: 40px;
643 620
644 621
645 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 622 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
646 -webkit-tap-highlight-color: transparent; 623 -webkit-tap-highlight-color: transparent;
647 624
648 625
649 box-sizing: border-box !important; 626 box-sizing: border-box !important;
650 627
651 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px); 628 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);
652 } 629 }
653 630
654 :host #ink { 631 :host #ink {
655 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 632 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
656 opacity: 0.6; 633 opacity: 0.6;
657 } 634 }
658 635
659 :host([disabled]) { 636 :host([disabled]) {
660 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 637 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
661 pointer-events: none; 638 pointer-events: none;
662 cursor: auto; 639 cursor: auto;
663 640
664 ; 641 ;
665 } 642 }
666 643
667 :host(:hover) { 644 :host(:hover) {
668 ; 645 ;
669 } 646 }
670 647
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
759 } 736 }
760 737
761 } 738 }
762 739
763 .spinner-layer { 740 .spinner-layer {
764 position: absolute; 741 position: absolute;
765 width: 100%; 742 width: 100%;
766 height: 100%; 743 height: 100%;
767 opacity: 0; 744 opacity: 0;
768 white-space: nowrap; 745 white-space: nowrap;
769 border-color: var(--paper-spinner-color,var(--google-blue-500));; 746 border-color: var(--paper-spinner-color,var(--google-blue-500));
770 } 747 }
771 748
772 .layer-1 { 749 .layer-1 {
773 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));
774 } 751 }
775 752
776 .layer-2 { 753 .layer-2 {
777 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));
778 } 755 }
779 756
780 .layer-3 { 757 .layer-3 {
781 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));
782 } 759 }
783 760
784 .layer-4 { 761 .layer-4 {
785 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));
786 } 763 }
787 764
788 .active .spinner-layer { 765 .active .spinner-layer {
789 -webkit-animation-name: fill-unfill-rotate; 766 -webkit-animation-name: fill-unfill-rotate;
790 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 767 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
791 -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);
792 -webkit-animation-iteration-count: infinite; 769 -webkit-animation-iteration-count: infinite;
793 animation-name: fill-unfill-rotate; 770 animation-name: fill-unfill-rotate;
794 animation-duration: var(--paper-spinner-full-cycle-duration); 771 animation-duration: var(--paper-spinner-full-cycle-duration);
795 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
1243 1220
1244 to { 1221 to {
1245 opacity: 0 1222 opacity: 0
1246 } 1223 }
1247 1224
1248 } 1225 }
1249 1226
1250 </style> 1227 </style>
1251 </template> 1228 </template>
1252 </dom-module> 1229 </dom-module>
1253
1254
1255 <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">
1256 <template strip-whitespace=""> 1231 <template strip-whitespace="">
1257 <style scope="paper-spinner-lite">:host { 1232 <style scope="paper-spinner-lite">:host {
1258 display: inline-block; 1233 display: inline-block;
1259 position: relative; 1234 position: relative;
1260 width: 28px; 1235 width: 28px;
1261 height: 28px; 1236 height: 28px;
1262 1237
1263 1238
1264 --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
1299 } 1274 }
1300 1275
1301 } 1276 }
1302 1277
1303 .spinner-layer { 1278 .spinner-layer {
1304 position: absolute; 1279 position: absolute;
1305 width: 100%; 1280 width: 100%;
1306 height: 100%; 1281 height: 100%;
1307 opacity: 0; 1282 opacity: 0;
1308 white-space: nowrap; 1283 white-space: nowrap;
1309 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1284 border-color: var(--paper-spinner-color,var(--google-blue-500));
1310 } 1285 }
1311 1286
1312 .layer-1 { 1287 .layer-1 {
1313 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));
1314 } 1289 }
1315 1290
1316 .layer-2 { 1291 .layer-2 {
1317 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));
1318 } 1293 }
1319 1294
1320 .layer-3 { 1295 .layer-3 {
1321 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));
1322 } 1297 }
1323 1298
1324 .layer-4 { 1299 .layer-4 {
1325 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));
1326 } 1301 }
1327 1302
1328 .active .spinner-layer { 1303 .active .spinner-layer {
1329 -webkit-animation-name: fill-unfill-rotate; 1304 -webkit-animation-name: fill-unfill-rotate;
1330 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1305 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1331 -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);
1332 -webkit-animation-iteration-count: infinite; 1307 -webkit-animation-iteration-count: infinite;
1333 animation-name: fill-unfill-rotate; 1308 animation-name: fill-unfill-rotate;
1334 animation-duration: var(--paper-spinner-full-cycle-duration); 1309 animation-duration: var(--paper-spinner-full-cycle-duration);
1335 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 738 matching lines...) Expand 10 before | Expand all | Expand 10 after
2074 </cr-toolbar-search-field> 2049 </cr-toolbar-search-field>
2075 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2050 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2076 </iron-media-query> 2051 </iron-media-query>
2077 </div> 2052 </div>
2078 2053
2079 <div id="rightContent"> 2054 <div id="rightContent">
2080 <content select=".more-actions"></content> 2055 <content select=".more-actions"></content>
2081 </div> 2056 </div>
2082 </template> 2057 </template>
2083 </dom-module> 2058 </dom-module>
2084 <link rel="import" href="chrome://history/constants.html"> 2059 <link rel="import" href="chrome://history/constants.html"><iron-iconset-svg size ="24" name="history">
2085 <iron-iconset-svg size="24" name="history">
2086 <svg> 2060 <svg>
2087 <defs> 2061 <defs>
2088 2062
2089 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2063 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2090 <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> 2064 <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>
2091 <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> 2065 <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>
2092 </defs> 2066 </defs>
2093 </svg> 2067 </svg>
2094 </iron-iconset-svg> 2068 </iron-iconset-svg>
2095 <style is="custom-style" css-build="shadow">html { 2069 <style is="custom-style" css-build="shadow">html {
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
2190 border: 2px solid var(--secondary-text-color); 2164 border: 2px solid var(--secondary-text-color);
2191 border-radius: 2px; 2165 border-radius: 2px;
2192 margin: 1px 10px; 2166 margin: 1px 10px;
2193 pointer-events: none; 2167 pointer-events: none;
2194 transform: scale(0.8); 2168 transform: scale(0.8);
2195 } 2169 }
2196 2170
2197 </style> 2171 </style>
2198 </template> 2172 </template>
2199 </dom-module> 2173 </dom-module>
2200
2201
2202 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2174 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2203 <template> 2175 <template>
2204 <style scope="history-toolbar">[hidden] { 2176 <style scope="history-toolbar">[hidden] {
2205 display: none !important; 2177 display: none !important;
2206 } 2178 }
2207 2179
2208 .card-title { 2180 .card-title {
2209 align-items: center; 2181 align-items: center;
2210 border-bottom: 1px solid var(--card-border-color); 2182 border-bottom: 1px solid var(--card-border-color);
2211 border-radius: 2px 2px 0 0; 2183 border-radius: 2px 2px 0 0;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
2480 </span> 2452 </span>
2481 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button> 2453 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button>
2482 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button> 2454 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button>
2483 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button> 2455 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button>
2484 </div> 2456 </div>
2485 </div> 2457 </div>
2486 </template> 2458 </template>
2487 </template> 2459 </template>
2488 </dom-module> 2460 </dom-module>
2489 2461
2462
2463
2464
2490 <style is="custom-style" css-build="shadow">html { 2465 <style is="custom-style" css-build="shadow">html {
2491 --cr-actionable_-_cursor: pointer;; 2466 --cr-actionable_-_cursor: pointer;;
2492 --cr-focused-item-color: var(--google-grey-300); 2467 --cr-focused-item-color: var(--google-grey-300);
2493 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2468 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2494 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2469 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2495 --paper-checkbox-ink-size: 40px; 2470 --paper-checkbox-ink-size: 40px;
2496 } 2471 }
2497 2472
2498 </style> 2473 </style>
2499
2500 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2474 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2501 <template> 2475 <template>
2502 <style scope="cr-shared-style">paper-spinner { 2476 <style scope="cr-shared-style">paper-spinner {
2503 --paper-spinner-layer-1-color: var(--google-blue-500); 2477 --paper-spinner-layer-1-color: var(--google-blue-500);
2504 --paper-spinner-layer-2-color: var(--google-blue-500); 2478 --paper-spinner-layer-2-color: var(--google-blue-500);
2505 --paper-spinner-layer-3-color: var(--google-blue-500); 2479 --paper-spinner-layer-3-color: var(--google-blue-500);
2506 --paper-spinner-layer-4-color: var(--google-blue-500); 2480 --paper-spinner-layer-4-color: var(--google-blue-500);
2507 } 2481 }
2508 2482
2509 .action-button { 2483 .action-button {
(...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after
2670 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 2644 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
2671 0 4px 22px 3px rgba(0, 0, 0, 0.12), 2645 0 4px 22px 3px rgba(0, 0, 0, 0.12),
2672 0 6px 7px -4px rgba(0, 0, 0, 0.4);; 2646 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
2673 2647
2674 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 2648 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
2675 0 6px 30px 5px rgba(0, 0, 0, 0.12), 2649 0 6px 30px 5px rgba(0, 0, 0, 0.12),
2676 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 2650 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
2677 } 2651 }
2678 2652
2679 </style> 2653 </style>
2680 <link rel="import" href="chrome://resources/html/util.html"> 2654 <link rel="import" href="chrome://resources/html/util.html"><dom-module id="hist ory-searched-label" assetpath="/" css-build="shadow">
2681 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
2682 </dom-module> 2655 </dom-module>
2683 2656 <dom-module id="history-item" assetpath="/" css-build="shadow">
2684
2685 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
2686 <template> 2657 <template>
2687 <style scope="history-item">[hidden] { 2658 <style scope="history-item">[hidden] {
2688 display: none !important; 2659 display: none !important;
2689 } 2660 }
2690 2661
2691 .card-title { 2662 .card-title {
2692 align-items: center; 2663 align-items: center;
2693 border-bottom: 1px solid var(--card-border-color); 2664 border-bottom: 1px solid var(--card-border-color);
2694 border-radius: 2px 2px 0 0; 2665 border-radius: 2px 2px 0 0;
2695 color: var(--primary-text-color); 2666 color: var(--primary-text-color);
(...skipping 399 matching lines...) Expand 10 before | Expand all | Expand 10 after
3095 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3066 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3096 <template> 3067 <template>
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_}}"> 3068 <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_}}">
3098 </history-item> 3069 </history-item>
3099 </template> 3070 </template>
3100 </iron-list> 3071 </iron-list>
3101 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 3072 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
3102 </iron-scroll-threshold> 3073 </iron-scroll-threshold>
3103 </template> 3074 </template>
3104 </dom-module> 3075 </dom-module>
3105
3106
3107 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 3076 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
3108 <template> 3077 <template>
3109 <style scope="history-list-container">[hidden] { 3078 <style scope="history-list-container">[hidden] {
3110 display: none !important; 3079 display: none !important;
3111 } 3080 }
3112 3081
3113 .card-title { 3082 .card-title {
3114 align-items: center; 3083 align-items: center;
3115 border-bottom: 1px solid var(--card-border-color); 3084 border-bottom: 1px solid var(--card-border-color);
3116 border-radius: 2px 2px 0 0; 3085 border-radius: 2px 2px 0 0;
(...skipping 189 matching lines...) Expand 10 before | Expand all | Expand 10 after
3306 </template> 3275 </template>
3307 </dom-module> 3276 </dom-module>
3308 3277
3309 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" > 3278 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3310 <template> 3279 <template>
3311 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> 3280 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3312 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }"> 3281 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3313 </iron-query-params> 3282 </iron-query-params>
3314 </template> 3283 </template>
3315 </dom-module> 3284 </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>
3348 <style is="custom-style" css-build="shadow">html { 3285 <style is="custom-style" css-build="shadow">html {
3349 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 3286 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
3350 3287
3351 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 3288 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
3352 3289
3353 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 3290 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
3354 3291
3355 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 3292 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
3356 3293
3357 3294
(...skipping 21 matching lines...) Expand all
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;; 3316 --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;;
3380 3317
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;; 3318 --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;;
3382 3319
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;; 3320 --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;;
3384 3321
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;; 3322 --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;;
3386 } 3323 }
3387 3324
3388 </style> 3325 </style>
3389 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 3326 <style>
3327 /* Copyright 2015 The Chromium Authors. All rights reserved.
3328 * Use of this source code is governed by a BSD-style license that can be
3329 * found in the LICENSE file. */
3330
3331 <if expr="not chromeos and not is_android">
3332 @font-face {
3333 font-family: 'Roboto';
3334 font-style: normal;
3335 font-weight: 400;
3336 src: local('Roboto'), local('Roboto-Regular'),
3337 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3338 }
3339
3340 @font-face {
3341 font-family: 'Roboto';
3342 font-style: normal;
3343 font-weight: 500;
3344 src: local('Roboto Medium'), local('Roboto-Medium'),
3345 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3346 }
3347
3348 @font-face {
3349 font-family: 'Roboto';
3350 font-style: normal;
3351 font-weight: 700;
3352 src: local('Roboto Bold'), local('Roboto-Bold'),
3353 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3354 }
3355 </if>
3356
3357 </style><dom-module id="history-side-bar" assetpath="chrome://history/" css-buil d="shadow">
3390 <template> 3358 <template>
3391 <style scope="history-side-bar">[hidden] { 3359 <style scope="history-side-bar">[hidden] {
3392 display: none !important; 3360 display: none !important;
3393 } 3361 }
3394 3362
3395 .card-title { 3363 .card-title {
3396 align-items: center; 3364 align-items: center;
3397 border-bottom: 1px solid var(--card-border-color); 3365 border-bottom: 1px solid var(--card-border-color);
3398 border-radius: 2px 2px 0 0; 3366 border-radius: 2px 2px 0 0;
3399 color: var(--primary-text-color); 3367 color: var(--primary-text-color);
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after
3572 <paper-ripple id="cbd-ripple"></paper-ripple> 3540 <paper-ripple id="cbd-ripple"></paper-ripple>
3573 </a> 3541 </a>
3574 <div id="spacer"></div> 3542 <div id="spacer"></div>
3575 <div id="footer" hidden="[[!showFooter]]"> 3543 <div id="footer" hidden="[[!showFooter]]">
3576 <div class="separator"></div> 3544 <div class="separator"></div>
3577 <div id="footer-text">$i18nRaw{sidebarFooter}</div> 3545 <div id="footer-text">$i18nRaw{sidebarFooter}</div>
3578 </div> 3546 </div>
3579 </iron-selector> 3547 </iron-selector>
3580 </template> 3548 </template>
3581 </dom-module> 3549 </dom-module>
3582 </div><dom-module id="history-app" css-build="shadow"> 3550 <style>
3551 /* Copyright 2016 The Chromium Authors. All rights reserved.
3552 * Use of this source code is governed by a BSD-style license that can be
3553 * found in the LICENSE file. */
3554
3555 :root {
3556 /* This is a custom, Chrome-specific color that does not have a --paper or
3557 * --google equivalent. */
3558 --md-background-color: rgb(241, 241, 241);
3559 /* This is --google-blue-700, rewritten as a native custom property for speed.
3560 */
3561 --md-toolbar-color: rgb(51, 103, 214);
3562 }
3563
3564 </style></div><dom-module id="history-app" css-build="shadow">
3583 <template> 3565 <template>
3584 <style scope="history-app">[hidden] { 3566 <style scope="history-app">[hidden] {
3585 display: none !important; 3567 display: none !important;
3586 } 3568 }
3587 3569
3588 .card-title { 3570 .card-title {
3589 align-items: center; 3571 align-items: center;
3590 border-bottom: 1px solid var(--card-border-color); 3572 border-bottom: 1px solid var(--card-border-color);
3591 border-radius: 2px 2px 0 0; 3573 border-radius: 2px 2px 0 0;
3592 color: var(--primary-text-color); 3574 color: var(--primary-text-color);
(...skipping 173 matching lines...) Expand 10 before | Expand all | Expand 10 after
3766 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3748 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3767 </history-side-bar> 3749 </history-side-bar>
3768 </app-drawer> 3750 </app-drawer>
3769 </template> 3751 </template>
3770 3752
3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3753 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3772 </iron-media-query> 3754 </iron-media-query>
3773 </template> 3755 </template>
3774 </dom-module> 3756 </dom-module>
3775 <script src="app.crisper.js"></script></body></html> 3757 <script src="app.crisper.js"></script></body></html>
OLDNEW
« chrome/browser/resources/md_history/app.js ('K') | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698