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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2583353003: MD History: Replace last usage of cr-shared-menu with cr-action-menu. (Closed)
Patch Set: Test found real subtle bug (display flex overriding [hidden] attribute) Created 3 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/compiled_resources2.gyp » ('j') | 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: #f1f1f1;
35 --md-loading-message-color: #6e6e6e;
36 /* This is --google-blue-700, rewritten as a native custom property for speed.
37 */
38 --md-toolbar-color: rgb(51, 103, 214);
39 }
40
41 </style>
42
43
44
45 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow">
46 28
47 <template> 29 <template>
48 <style scope="iron-pages">:host { 30 <style scope="iron-pages">:host {
49 display: block; 31 display: block;
50 } 32 }
51 33
52 :host > ::content > :not(.iron-selected) { 34 :host > ::content > :not(.iron-selected) {
53 display: none !important; 35 display: none !important;
54 } 36 }
55 37
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
178 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 160 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
179 161
180 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 162 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
181 163
182 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 164 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
183 165
184 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 166 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
185 } 167 }
186 168
187 </style> 169 </style>
188
189
190 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 170 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
191 <template> 171 <template>
192 <style scope="iron-icon">:host { 172 <style scope="iron-icon">:host {
193 display: var(--layout-inline_-_display); 173 display: var(--layout-inline_-_display);
194 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 174 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
195 position: relative; 175 position: relative;
196 176
197 vertical-align: middle; 177 vertical-align: middle;
198 178
199 fill: var(--iron-icon-fill-color, currentcolor); 179 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
292 overflow: hidden; 272 overflow: hidden;
293 } 273 }
294 274
295 </style> 275 </style>
296 276
297 <div id="background"></div> 277 <div id="background"></div>
298 <div id="waves"></div> 278 <div id="waves"></div>
299 </template> 279 </template>
300 </dom-module> 280 </dom-module>
301 <style is="custom-style" css-build="shadow">html { 281 <style is="custom-style" css-build="shadow">html {
282 --primary-text-color: var(--light-theme-text-color);
283 --primary-background-color: var(--light-theme-background-color);
284 --secondary-text-color: var(--light-theme-secondary-color);
285 --disabled-text-color: var(--light-theme-disabled-color);
286 --divider-color: var(--light-theme-divider-color);
287 --error-color: var(--paper-deep-orange-a700);
288
289
290 --primary-color: var(--paper-indigo-500);
291 --light-primary-color: var(--paper-indigo-100);
292 --dark-primary-color: var(--paper-indigo-700);
293
294 --accent-color: var(--paper-pink-a200);
295 --light-accent-color: var(--paper-pink-a100);
296 --dark-accent-color: var(--paper-pink-a400);
297
298
299
300 --light-theme-background-color: #ffffff;
301 --light-theme-base-color: #000000;
302 --light-theme-text-color: var(--paper-grey-900);
303 --light-theme-secondary-color: #737373;
304 --light-theme-disabled-color: #9b9b9b;
305 --light-theme-divider-color: #dbdbdb;
306
307
308 --dark-theme-background-color: var(--paper-grey-900);
309 --dark-theme-base-color: #ffffff;
310 --dark-theme-text-color: #ffffff;
311 --dark-theme-secondary-color: #bcbcbc;
312 --dark-theme-disabled-color: #646464;
313 --dark-theme-divider-color: #3c3c3c;
314
315
316 --text-primary-color: var(--dark-theme-text-color);
317 --default-primary-color: var(--primary-color);
318 }
319
320 </style>
321 <style is="custom-style" css-build="shadow">html {
302 --google-red-100: #f4c7c3; 322 --google-red-100: #f4c7c3;
303 --google-red-300: #e67c73; 323 --google-red-300: #e67c73;
304 --google-red-500: #db4437; 324 --google-red-500: #db4437;
305 --google-red-700: #c53929; 325 --google-red-700: #c53929;
306 326
307 --google-blue-100: #c6dafc; 327 --google-blue-100: #c6dafc;
308 --google-blue-300: #7baaf7; 328 --google-blue-300: #7baaf7;
309 --google-blue-500: #4285f4; 329 --google-blue-500: #4285f4;
310 --google-blue-700: #3367d6; 330 --google-blue-700: #3367d6;
311 331
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
606 --dark-primary-opacity: 0.87; 626 --dark-primary-opacity: 0.87;
607 627
608 628
609 --light-divider-opacity: 0.12; 629 --light-divider-opacity: 0.12;
610 --light-disabled-opacity: 0.3; 630 --light-disabled-opacity: 0.3;
611 --light-secondary-opacity: 0.7; 631 --light-secondary-opacity: 0.7;
612 --light-primary-opacity: 1.0; 632 --light-primary-opacity: 1.0;
613 } 633 }
614 634
615 </style> 635 </style>
616
617
618 <style is="custom-style" css-build="shadow">html {
619 --primary-text-color: var(--light-theme-text-color);
620 --primary-background-color: var(--light-theme-background-color);
621 --secondary-text-color: var(--light-theme-secondary-color);
622 --disabled-text-color: var(--light-theme-disabled-color);
623 --divider-color: var(--light-theme-divider-color);
624 --error-color: var(--paper-deep-orange-a700);
625
626
627 --primary-color: var(--paper-indigo-500);
628 --light-primary-color: var(--paper-indigo-100);
629 --dark-primary-color: var(--paper-indigo-700);
630
631 --accent-color: var(--paper-pink-a200);
632 --light-accent-color: var(--paper-pink-a100);
633 --dark-accent-color: var(--paper-pink-a400);
634
635
636
637 --light-theme-background-color: #ffffff;
638 --light-theme-base-color: #000000;
639 --light-theme-text-color: var(--paper-grey-900);
640 --light-theme-secondary-color: #737373;
641 --light-theme-disabled-color: #9b9b9b;
642 --light-theme-divider-color: #dbdbdb;
643
644
645 --dark-theme-background-color: var(--paper-grey-900);
646 --dark-theme-base-color: #ffffff;
647 --dark-theme-text-color: #ffffff;
648 --dark-theme-secondary-color: #bcbcbc;
649 --dark-theme-disabled-color: #646464;
650 --dark-theme-divider-color: #3c3c3c;
651
652
653 --text-primary-color: var(--dark-theme-text-color);
654 --default-primary-color: var(--primary-color);
655 }
656
657 </style>
658
659
660 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow"> 636 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">
661 <template strip-whitespace=""> 637 <template strip-whitespace="">
662 <style scope="paper-icon-button">:host { 638 <style scope="paper-icon-button">:host {
663 display: inline-block; 639 display: inline-block;
664 position: relative; 640 position: relative;
665 padding: 8px; 641 padding: 8px;
666 outline: none; 642 outline: none;
667 -webkit-user-select: none; 643 -webkit-user-select: none;
668 -moz-user-select: none; 644 -moz-user-select: none;
669 -ms-user-select: none; 645 -ms-user-select: none;
670 user-select: none; 646 user-select: none;
671 cursor: pointer; 647 cursor: pointer;
672 z-index: 0; 648 z-index: 0;
673 line-height: 1; 649 line-height: 1;
674 650
675 width: 40px; 651 width: 40px;
676 height: 40px; 652 height: 40px;
677 653
678 654
679 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 655 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
680 -webkit-tap-highlight-color: transparent; 656 -webkit-tap-highlight-color: transparent;
681 657
682 658
683 box-sizing: border-box !important; 659 box-sizing: border-box !important;
684 660
685 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px); 661 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);
686 } 662 }
687 663
688 :host #ink { 664 :host #ink {
689 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 665 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
690 opacity: 0.6; 666 opacity: 0.6;
691 } 667 }
692 668
693 :host([disabled]) { 669 :host([disabled]) {
694 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 670 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
695 pointer-events: none; 671 pointer-events: none;
696 cursor: auto; 672 cursor: auto;
697 673
698 ; 674 ;
699 } 675 }
700 676
701 :host(:hover) { 677 :host(:hover) {
702 ; 678 ;
703 } 679 }
704 680
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
760 } 736 }
761 737
762 } 738 }
763 739
764 .spinner-layer { 740 .spinner-layer {
765 position: absolute; 741 position: absolute;
766 width: 100%; 742 width: 100%;
767 height: 100%; 743 height: 100%;
768 opacity: 0; 744 opacity: 0;
769 white-space: nowrap; 745 white-space: nowrap;
770 border-color: var(--paper-spinner-color,var(--google-blue-500));; 746 border-color: var(--paper-spinner-color,var(--google-blue-500));
771 } 747 }
772 748
773 .layer-1 { 749 .layer-1 {
774 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 750 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
775 } 751 }
776 752
777 .layer-2 { 753 .layer-2 {
778 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 754 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
779 } 755 }
780 756
781 .layer-3 { 757 .layer-3 {
782 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 758 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
783 } 759 }
784 760
785 .layer-4 { 761 .layer-4 {
786 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 762 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
787 } 763 }
788 764
789 .active .spinner-layer { 765 .active .spinner-layer {
790 -webkit-animation-name: fill-unfill-rotate; 766 -webkit-animation-name: fill-unfill-rotate;
791 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 767 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
792 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 768 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
793 -webkit-animation-iteration-count: infinite; 769 -webkit-animation-iteration-count: infinite;
794 animation-name: fill-unfill-rotate; 770 animation-name: fill-unfill-rotate;
795 animation-duration: var(--paper-spinner-full-cycle-duration); 771 animation-duration: var(--paper-spinner-full-cycle-duration);
796 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 772 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
1244 1220
1245 to { 1221 to {
1246 opacity: 0 1222 opacity: 0
1247 } 1223 }
1248 1224
1249 } 1225 }
1250 1226
1251 </style> 1227 </style>
1252 </template> 1228 </template>
1253 </dom-module> 1229 </dom-module>
1254
1255
1256 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 1230 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
1257 <template strip-whitespace=""> 1231 <template strip-whitespace="">
1258 <style scope="paper-spinner-lite">:host { 1232 <style scope="paper-spinner-lite">:host {
1259 display: inline-block; 1233 display: inline-block;
1260 position: relative; 1234 position: relative;
1261 width: 28px; 1235 width: 28px;
1262 height: 28px; 1236 height: 28px;
1263 1237
1264 1238
1265 --paper-spinner-container-rotation-duration: 1568ms; 1239 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1300 } 1274 }
1301 1275
1302 } 1276 }
1303 1277
1304 .spinner-layer { 1278 .spinner-layer {
1305 position: absolute; 1279 position: absolute;
1306 width: 100%; 1280 width: 100%;
1307 height: 100%; 1281 height: 100%;
1308 opacity: 0; 1282 opacity: 0;
1309 white-space: nowrap; 1283 white-space: nowrap;
1310 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1284 border-color: var(--paper-spinner-color,var(--google-blue-500));
1311 } 1285 }
1312 1286
1313 .layer-1 { 1287 .layer-1 {
1314 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 1288 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
1315 } 1289 }
1316 1290
1317 .layer-2 { 1291 .layer-2 {
1318 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 1292 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
1319 } 1293 }
1320 1294
1321 .layer-3 { 1295 .layer-3 {
1322 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 1296 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
1323 } 1297 }
1324 1298
1325 .layer-4 { 1299 .layer-4 {
1326 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 1300 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
1327 } 1301 }
1328 1302
1329 .active .spinner-layer { 1303 .active .spinner-layer {
1330 -webkit-animation-name: fill-unfill-rotate; 1304 -webkit-animation-name: fill-unfill-rotate;
1331 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1305 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1332 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1306 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1333 -webkit-animation-iteration-count: infinite; 1307 -webkit-animation-iteration-count: infinite;
1334 animation-name: fill-unfill-rotate; 1308 animation-name: fill-unfill-rotate;
1335 animation-duration: var(--paper-spinner-full-cycle-duration); 1309 animation-duration: var(--paper-spinner-full-cycle-duration);
1336 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1310 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 737 matching lines...) Expand 10 before | Expand all | Expand 10 after
2074 </cr-toolbar-search-field> 2048 </cr-toolbar-search-field>
2075 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2049 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2076 </iron-media-query> 2050 </iron-media-query>
2077 </div> 2051 </div>
2078 2052
2079 <div id="rightContent"> 2053 <div id="rightContent">
2080 <content select=".more-actions"></content> 2054 <content select=".more-actions"></content>
2081 </div> 2055 </div>
2082 </template> 2056 </template>
2083 </dom-module> 2057 </dom-module>
2084 <link rel="import" href="chrome://history/constants.html"> 2058 <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> 2059 <svg>
2087 <defs> 2060 <defs>
2088 2061
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> 2062 <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> 2063 <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> 2064 <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> 2065 </defs>
2093 </svg> 2066 </svg>
2094 </iron-iconset-svg> 2067 </iron-iconset-svg>
2095 <style is="custom-style" css-build="shadow">html { 2068 <style is="custom-style" css-build="shadow">html {
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
2145 align-items: center; 2118 align-items: center;
2146 color: var(--md-loading-message-color); 2119 color: var(--md-loading-message-color);
2147 display: flex; 2120 display: flex;
2148 flex: 1; 2121 flex: 1;
2149 font-size: 14px; 2122 font-size: 14px;
2150 font-weight: 500; 2123 font-weight: 500;
2151 height: 100%; 2124 height: 100%;
2152 justify-content: center; 2125 justify-content: center;
2153 } 2126 }
2154 2127
2155 .menu-item {
2156 -webkit-user-select: none;
2157 cursor: pointer;
2158 font: inherit;
2159 white-space: nowrap;
2160 }
2161
2162 .website-icon { 2128 .website-icon {
2163 -webkit-margin-end: 16px; 2129 -webkit-margin-end: 16px;
2164 background-repeat: no-repeat; 2130 background-repeat: no-repeat;
2165 background-size: 16px; 2131 background-size: 16px;
2166 height: 16px; 2132 height: 16px;
2167 width: 16px; 2133 width: 16px;
2168 } 2134 }
2169 2135
2170 .website-title { 2136 .website-title {
2171 color: var(--primary-text-color); 2137 color: var(--primary-text-color);
(...skipping 26 matching lines...) Expand all
2198 border: 2px solid var(--secondary-text-color); 2164 border: 2px solid var(--secondary-text-color);
2199 border-radius: 2px; 2165 border-radius: 2px;
2200 margin: 1px 8px; 2166 margin: 1px 8px;
2201 pointer-events: none; 2167 pointer-events: none;
2202 transform: scale(0.8); 2168 transform: scale(0.8);
2203 } 2169 }
2204 2170
2205 </style> 2171 </style>
2206 </template> 2172 </template>
2207 </dom-module> 2173 </dom-module>
2208
2209
2210 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2174 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2211 <template> 2175 <template>
2212 <style scope="history-toolbar">[hidden] { 2176 <style scope="history-toolbar">[hidden] {
2213 display: none !important; 2177 display: none !important;
2214 } 2178 }
2215 2179
2216 a { 2180 a {
2217 color: var(--link-color); 2181 color: var(--link-color);
2218 } 2182 }
2219 2183
(...skipping 16 matching lines...) Expand all
2236 align-items: center; 2200 align-items: center;
2237 color: var(--md-loading-message-color); 2201 color: var(--md-loading-message-color);
2238 display: flex; 2202 display: flex;
2239 flex: 1; 2203 flex: 1;
2240 font-size: 14px; 2204 font-size: 14px;
2241 font-weight: 500; 2205 font-weight: 500;
2242 height: 100%; 2206 height: 100%;
2243 justify-content: center; 2207 justify-content: center;
2244 } 2208 }
2245 2209
2246 .menu-item {
2247 -webkit-user-select: none;
2248 cursor: pointer;
2249 font: inherit;
2250 white-space: nowrap;
2251 }
2252
2253 .website-icon { 2210 .website-icon {
2254 -webkit-margin-end: 16px; 2211 -webkit-margin-end: 16px;
2255 background-repeat: no-repeat; 2212 background-repeat: no-repeat;
2256 background-size: 16px; 2213 background-size: 16px;
2257 height: 16px; 2214 height: 16px;
2258 width: 16px; 2215 width: 16px;
2259 } 2216 }
2260 2217
2261 .website-title { 2218 .website-title {
2262 color: var(--primary-text-color); 2219 color: var(--primary-text-color);
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
2485 </button> 2442 </button>
2486 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]"> 2443 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]">
2487 <iron-icon icon="cr:chevron-right"></iron-icon> 2444 <iron-icon icon="cr:chevron-right"></iron-icon>
2488 </button> 2445 </button>
2489 </div> 2446 </div>
2490 </div> 2447 </div>
2491 </template> 2448 </template>
2492 </template> 2449 </template>
2493 </dom-module> 2450 </dom-module>
2494 2451
2452
2453
2454
2495 <style is="custom-style" css-build="shadow">html { 2455 <style is="custom-style" css-build="shadow">html {
2496 --cr-actionable_-_cursor: pointer;; 2456 --cr-actionable_-_cursor: pointer;;
2497 --cr-focused-item-color: var(--google-grey-300); 2457 --cr-focused-item-color: var(--google-grey-300);
2498 2458
2499 --cr-icon-padding: 8px; 2459 --cr-icon-padding: 8px;
2500 2460
2501 2461
2502 --cr-icon-ripple-size: 36px; 2462 --cr-icon-ripple-size: 36px;
2503 --cr-icon-size: 20px; 2463 --cr-icon-size: 20px;
2504 2464
2505 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size); 2465 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size);
2506 2466
2507 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px; 2467 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px;
2508 2468
2509 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2469 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2510 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2470 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2511 --paper-checkbox-ink-size: 40px; 2471 --paper-checkbox-ink-size: 40px;
2512 } 2472 }
2513 2473
2514 </style> 2474 </style>
2515
2516 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2475 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2517 <template> 2476 <template>
2518 <style scope="cr-shared-style">paper-spinner { 2477 <style scope="cr-shared-style">paper-spinner {
2519 --paper-spinner-layer-1-color: var(--google-blue-500); 2478 --paper-spinner-layer-1-color: var(--google-blue-500);
2520 --paper-spinner-layer-2-color: var(--google-blue-500); 2479 --paper-spinner-layer-2-color: var(--google-blue-500);
2521 --paper-spinner-layer-3-color: var(--google-blue-500); 2480 --paper-spinner-layer-3-color: var(--google-blue-500);
2522 --paper-spinner-layer-4-color: var(--google-blue-500); 2481 --paper-spinner-layer-4-color: var(--google-blue-500);
2523 } 2482 }
2524 2483
2525 .action-button { 2484 .action-button {
(...skipping 190 matching lines...) Expand 10 before | Expand all | Expand 10 after
2716 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 2675 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
2717 0 4px 22px 3px rgba(0, 0, 0, 0.12), 2676 0 4px 22px 3px rgba(0, 0, 0, 0.12),
2718 0 6px 7px -4px rgba(0, 0, 0, 0.4);; 2677 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
2719 2678
2720 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 2679 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
2721 0 6px 30px 5px rgba(0, 0, 0, 0.12), 2680 0 6px 30px 5px rgba(0, 0, 0, 0.12),
2722 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 2681 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
2723 } 2682 }
2724 2683
2725 </style> 2684 </style>
2726 <link rel="import" href="chrome://resources/html/util.html"> 2685 <link rel="import" href="chrome://resources/html/util.html"><dom-module id="hist ory-searched-label" assetpath="/" css-build="shadow">
2727 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
2728 </dom-module> 2686 </dom-module>
2729 2687 <dom-module id="history-item" assetpath="/" css-build="shadow">
2730
2731 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
2732 <template> 2688 <template>
2733 <style scope="history-item">[hidden] { 2689 <style scope="history-item">[hidden] {
2734 display: none !important; 2690 display: none !important;
2735 } 2691 }
2736 2692
2737 a { 2693 a {
2738 color: var(--link-color); 2694 color: var(--link-color);
2739 } 2695 }
2740 2696
2741 .card-title { 2697 .card-title {
(...skipping 15 matching lines...) Expand all
2757 align-items: center; 2713 align-items: center;
2758 color: var(--md-loading-message-color); 2714 color: var(--md-loading-message-color);
2759 display: flex; 2715 display: flex;
2760 flex: 1; 2716 flex: 1;
2761 font-size: 14px; 2717 font-size: 14px;
2762 font-weight: 500; 2718 font-weight: 500;
2763 height: 100%; 2719 height: 100%;
2764 justify-content: center; 2720 justify-content: center;
2765 } 2721 }
2766 2722
2767 .menu-item {
2768 -webkit-user-select: none;
2769 cursor: pointer;
2770 font: inherit;
2771 white-space: nowrap;
2772 }
2773
2774 .website-icon { 2723 .website-icon {
2775 -webkit-margin-end: 16px; 2724 -webkit-margin-end: 16px;
2776 background-repeat: no-repeat; 2725 background-repeat: no-repeat;
2777 background-size: 16px; 2726 background-size: 16px;
2778 height: 16px; 2727 height: 16px;
2779 width: 16px; 2728 width: 16px;
2780 } 2729 }
2781 2730
2782 .website-title { 2731 .website-title {
2783 color: var(--primary-text-color); 2732 color: var(--primary-text-color);
(...skipping 285 matching lines...) Expand 10 before | Expand all | Expand 10 after
3069 align-items: center; 3018 align-items: center;
3070 color: var(--md-loading-message-color); 3019 color: var(--md-loading-message-color);
3071 display: flex; 3020 display: flex;
3072 flex: 1; 3021 flex: 1;
3073 font-size: 14px; 3022 font-size: 14px;
3074 font-weight: 500; 3023 font-weight: 500;
3075 height: 100%; 3024 height: 100%;
3076 justify-content: center; 3025 justify-content: center;
3077 } 3026 }
3078 3027
3079 .menu-item {
3080 -webkit-user-select: none;
3081 cursor: pointer;
3082 font: inherit;
3083 white-space: nowrap;
3084 }
3085
3086 .website-icon { 3028 .website-icon {
3087 -webkit-margin-end: 16px; 3029 -webkit-margin-end: 16px;
3088 background-repeat: no-repeat; 3030 background-repeat: no-repeat;
3089 background-size: 16px; 3031 background-size: 16px;
3090 height: 16px; 3032 height: 16px;
3091 width: 16px; 3033 width: 16px;
3092 } 3034 }
3093 3035
3094 .website-title { 3036 .website-title {
3095 color: var(--primary-text-color); 3037 color: var(--primary-text-color);
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
3144 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3086 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3145 <template> 3087 <template>
3146 <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_}}"> 3088 <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_}}">
3147 </history-item> 3089 </history-item>
3148 </template> 3090 </template>
3149 </iron-list> 3091 </iron-list>
3150 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 3092 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
3151 </iron-scroll-threshold> 3093 </iron-scroll-threshold>
3152 </template> 3094 </template>
3153 </dom-module> 3095 </dom-module>
3154
3155
3156 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 3096 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
3157 <template> 3097 <template>
3158 <style scope="history-list-container">[hidden] { 3098 <style scope="history-list-container">[hidden] {
3159 display: none !important; 3099 display: none !important;
3160 } 3100 }
3161 3101
3162 a { 3102 a {
3163 color: var(--link-color); 3103 color: var(--link-color);
3164 } 3104 }
3165 3105
(...skipping 16 matching lines...) Expand all
3182 align-items: center; 3122 align-items: center;
3183 color: var(--md-loading-message-color); 3123 color: var(--md-loading-message-color);
3184 display: flex; 3124 display: flex;
3185 flex: 1; 3125 flex: 1;
3186 font-size: 14px; 3126 font-size: 14px;
3187 font-weight: 500; 3127 font-weight: 500;
3188 height: 100%; 3128 height: 100%;
3189 justify-content: center; 3129 justify-content: center;
3190 } 3130 }
3191 3131
3192 .menu-item {
3193 -webkit-user-select: none;
3194 cursor: pointer;
3195 font: inherit;
3196 white-space: nowrap;
3197 }
3198
3199 .website-icon { 3132 .website-icon {
3200 -webkit-margin-end: 16px; 3133 -webkit-margin-end: 16px;
3201 background-repeat: no-repeat; 3134 background-repeat: no-repeat;
3202 background-size: 16px; 3135 background-size: 16px;
3203 height: 16px; 3136 height: 16px;
3204 width: 16px; 3137 width: 16px;
3205 } 3138 }
3206 3139
3207 .website-title { 3140 .website-title {
3208 color: var(--primary-text-color); 3141 color: var(--primary-text-color);
(...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after
3369 $i18n{cancel} 3302 $i18n{cancel}
3370 </paper-button> 3303 </paper-button>
3371 <paper-button class="action-button" on-tap="onDialogConfirmTap_"> 3304 <paper-button class="action-button" on-tap="onDialogConfirmTap_">
3372 $i18n{deleteConfirm} 3305 $i18n{deleteConfirm}
3373 </paper-button> 3306 </paper-button>
3374 </div> 3307 </div>
3375 </dialog> 3308 </dialog>
3376 </template> 3309 </template>
3377 3310
3378 <template is="cr-lazy-render" id="sharedMenu"> 3311 <template is="cr-lazy-render" id="sharedMenu">
3379 <cr-shared-menu> 3312 <dialog is="cr-action-menu">
3380 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_"> 3313 <button id="menuMoreButton" class="dropdown-item" on-tap="onMoreFromSite Tap_">
3381 $i18n{moreFromSite} 3314 $i18n{moreFromSite}
3382 </paper-item> 3315 </button>
3383 <paper-item id="menuRemoveButton" class="menu-item" disabled="[[!canDele teHistory_()]]" on-tap="onRemoveFromHistoryTap_"> 3316 <button id="menuRemoveButton" class="dropdown-item" disabled="[[!canDele teHistory_()]]" on-tap="onRemoveFromHistoryTap_">
3384 $i18n{removeFromHistory} 3317 $i18n{removeFromHistory}
3385 </paper-item> 3318 </button>
3386 </cr-shared-menu> 3319 </dialog>
3387 </template> 3320 </template>
3388 </template> 3321 </template>
3389 </dom-module> 3322 </dom-module>
3390 3323
3391 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" > 3324 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3392 <template> 3325 <template>
3393 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> 3326 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3394 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }"> 3327 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3395 </iron-query-params> 3328 </iron-query-params>
3396 </template> 3329 </template>
3397 </dom-module> 3330 </dom-module>
3398 <style>
3399 /* Copyright 2015 The Chromium Authors. All rights reserved.
3400 * Use of this source code is governed by a BSD-style license that can be
3401 * found in the LICENSE file. */
3402
3403 <if expr="not chromeos and not is_android">
3404 @font-face {
3405 font-family: 'Roboto';
3406 font-style: normal;
3407 font-weight: 400;
3408 src: local('Roboto'), local('Roboto-Regular'),
3409 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3410 }
3411
3412 @font-face {
3413 font-family: 'Roboto';
3414 font-style: normal;
3415 font-weight: 500;
3416 src: local('Roboto Medium'), local('Roboto-Medium'),
3417 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3418 }
3419
3420 @font-face {
3421 font-family: 'Roboto';
3422 font-style: normal;
3423 font-weight: 700;
3424 src: local('Roboto Bold'), local('Roboto-Bold'),
3425 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3426 }
3427 </if>
3428
3429 </style>
3430 <style is="custom-style" css-build="shadow">html { 3331 <style is="custom-style" css-build="shadow">html {
3431 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 3332 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
3432 3333
3433 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 3334 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
3434 3335
3435 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 3336 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
3436 3337
3437 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 3338 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
3438 3339
3439 3340
(...skipping 21 matching lines...) Expand all
3461 --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;; 3362 --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;;
3462 3363
3463 --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;; 3364 --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;;
3464 3365
3465 --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;; 3366 --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;;
3466 3367
3467 --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;; 3368 --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;;
3468 } 3369 }
3469 3370
3470 </style> 3371 </style>
3471 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 3372 <style>
3373 /* Copyright 2015 The Chromium Authors. All rights reserved.
3374 * Use of this source code is governed by a BSD-style license that can be
3375 * found in the LICENSE file. */
3376
3377 <if expr="not chromeos and not is_android">
3378 @font-face {
3379 font-family: 'Roboto';
3380 font-style: normal;
3381 font-weight: 400;
3382 src: local('Roboto'), local('Roboto-Regular'),
3383 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3384 }
3385
3386 @font-face {
3387 font-family: 'Roboto';
3388 font-style: normal;
3389 font-weight: 500;
3390 src: local('Roboto Medium'), local('Roboto-Medium'),
3391 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3392 }
3393
3394 @font-face {
3395 font-family: 'Roboto';
3396 font-style: normal;
3397 font-weight: 700;
3398 src: local('Roboto Bold'), local('Roboto-Bold'),
3399 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3400 }
3401 </if>
3402
3403 </style><dom-module id="history-side-bar" assetpath="chrome://history/" css-buil d="shadow">
3472 <template> 3404 <template>
3473 <style scope="history-side-bar">[hidden] { 3405 <style scope="history-side-bar">[hidden] {
3474 display: none !important; 3406 display: none !important;
3475 } 3407 }
3476 3408
3477 a { 3409 a {
3478 color: var(--link-color); 3410 color: var(--link-color);
3479 } 3411 }
3480 3412
3481 .card-title { 3413 .card-title {
(...skipping 15 matching lines...) Expand all
3497 align-items: center; 3429 align-items: center;
3498 color: var(--md-loading-message-color); 3430 color: var(--md-loading-message-color);
3499 display: flex; 3431 display: flex;
3500 flex: 1; 3432 flex: 1;
3501 font-size: 14px; 3433 font-size: 14px;
3502 font-weight: 500; 3434 font-weight: 500;
3503 height: 100%; 3435 height: 100%;
3504 justify-content: center; 3436 justify-content: center;
3505 } 3437 }
3506 3438
3507 .menu-item {
3508 -webkit-user-select: none;
3509 cursor: pointer;
3510 font: inherit;
3511 white-space: nowrap;
3512 }
3513
3514 .website-icon { 3439 .website-icon {
3515 -webkit-margin-end: 16px; 3440 -webkit-margin-end: 16px;
3516 background-repeat: no-repeat; 3441 background-repeat: no-repeat;
3517 background-size: 16px; 3442 background-size: 16px;
3518 height: 16px; 3443 height: 16px;
3519 width: 16px; 3444 width: 16px;
3520 } 3445 }
3521 3446
3522 .website-title { 3447 .website-title {
3523 color: var(--primary-text-color); 3448 color: var(--primary-text-color);
(...skipping 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
3655 <paper-ripple id="cbd-ripple"></paper-ripple> 3580 <paper-ripple id="cbd-ripple"></paper-ripple>
3656 </a> 3581 </a>
3657 <div id="spacer"></div> 3582 <div id="spacer"></div>
3658 <div id="footer" hidden="[[!showFooter]]"> 3583 <div id="footer" hidden="[[!showFooter]]">
3659 <div class="separator"></div> 3584 <div class="separator"></div>
3660 <div id="footer-text">$i18nRaw{sidebarFooter}</div> 3585 <div id="footer-text">$i18nRaw{sidebarFooter}</div>
3661 </div> 3586 </div>
3662 </iron-selector> 3587 </iron-selector>
3663 </template> 3588 </template>
3664 </dom-module> 3589 </dom-module>
3665 </div><dom-module id="history-app" css-build="shadow"> 3590 <style>
3591 /* Copyright 2016 The Chromium Authors. All rights reserved.
3592 * Use of this source code is governed by a BSD-style license that can be
3593 * found in the LICENSE file. */
3594
3595 :root {
3596 /* This is a custom, Chrome-specific color that does not have a --paper or
3597 * --google equivalent. */
3598 --md-background-color: #f1f1f1;
3599 --md-loading-message-color: #6e6e6e;
3600 /* This is --google-blue-700, rewritten as a native custom property for speed.
3601 */
3602 --md-toolbar-color: rgb(51, 103, 214);
3603 }
3604
3605 </style></div><dom-module id="history-app" css-build="shadow">
3666 <template> 3606 <template>
3667 <style scope="history-app">[hidden] { 3607 <style scope="history-app">[hidden] {
3668 display: none !important; 3608 display: none !important;
3669 } 3609 }
3670 3610
3671 a { 3611 a {
3672 color: var(--link-color); 3612 color: var(--link-color);
3673 } 3613 }
3674 3614
3675 .card-title { 3615 .card-title {
(...skipping 15 matching lines...) Expand all
3691 align-items: center; 3631 align-items: center;
3692 color: var(--md-loading-message-color); 3632 color: var(--md-loading-message-color);
3693 display: flex; 3633 display: flex;
3694 flex: 1; 3634 flex: 1;
3695 font-size: 14px; 3635 font-size: 14px;
3696 font-weight: 500; 3636 font-weight: 500;
3697 height: 100%; 3637 height: 100%;
3698 justify-content: center; 3638 justify-content: center;
3699 } 3639 }
3700 3640
3701 .menu-item {
3702 -webkit-user-select: none;
3703 cursor: pointer;
3704 font: inherit;
3705 white-space: nowrap;
3706 }
3707
3708 .website-icon { 3641 .website-icon {
3709 -webkit-margin-end: 16px; 3642 -webkit-margin-end: 16px;
3710 background-repeat: no-repeat; 3643 background-repeat: no-repeat;
3711 background-size: 16px; 3644 background-size: 16px;
3712 height: 16px; 3645 height: 16px;
3713 width: 16px; 3646 width: 16px;
3714 } 3647 }
3715 3648
3716 .website-title { 3649 .website-title {
3717 color: var(--primary-text-color); 3650 color: var(--primary-text-color);
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after
3852 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3785 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3853 </history-side-bar> 3786 </history-side-bar>
3854 </app-drawer> 3787 </app-drawer>
3855 </template> 3788 </template>
3856 3789
3857 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3790 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3858 </iron-media-query> 3791 </iron-media-query>
3859 </template> 3792 </template>
3860 </dom-module> 3793 </dom-module>
3861 <script src="app.crisper.js"></script></body></html> 3794 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/compiled_resources2.gyp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698