OLD | NEW |
1 <html><head><!-- | 1 <html><head><!-- |
2 @license | 2 @license |
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
9 --><!-- | 9 --><!-- |
10 @license | 10 @license |
(...skipping 291 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
302 :host > ::content > :not(.iron-selected) { | 302 :host > ::content > :not(.iron-selected) { |
303 display: none !important; | 303 display: none !important; |
304 } | 304 } |
305 | 305 |
306 </style> | 306 </style> |
307 | 307 |
308 <content></content> | 308 <content></content> |
309 </template> | 309 </template> |
310 | 310 |
311 </dom-module> | 311 </dom-module> |
| 312 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_
0/iron-overlay-behavior/" css-build="shadow"> |
| 313 |
| 314 <template> |
| 315 <style scope="iron-overlay-backdrop">:host { |
| 316 position: fixed; |
| 317 top: 0; |
| 318 left: 0; |
| 319 width: 100%; |
| 320 height: 100%; |
| 321 background-color: var(--iron-overlay-backdrop-background-color, #000); |
| 322 opacity: 0; |
| 323 transition: opacity 0.2s; |
| 324 pointer-events: none; |
| 325 ; |
| 326 } |
| 327 |
| 328 :host(.opened) { |
| 329 opacity: var(--iron-overlay-backdrop-opacity, 0.6); |
| 330 pointer-events: auto; |
| 331 ; |
| 332 } |
| 333 |
| 334 </style> |
| 335 |
| 336 <content></content> |
| 337 </template> |
| 338 |
| 339 </dom-module> |
| 340 |
| 341 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 342 |
| 343 |
| 344 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> |
| 345 <template> |
| 346 <style scope="iron-dropdown">:host { |
| 347 position: fixed; |
| 348 } |
| 349 |
| 350 #contentWrapper ::content > * { |
| 351 overflow: auto; |
| 352 } |
| 353 |
| 354 #contentWrapper.animating ::content > * { |
| 355 overflow: hidden; |
| 356 } |
| 357 |
| 358 </style> |
| 359 |
| 360 <div id="contentWrapper"> |
| 361 <content id="content" select=".dropdown-content"></content> |
| 362 </div> |
| 363 </template> |
| 364 |
| 365 </dom-module> |
| 366 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> |
| 367 <template> |
| 368 <style scope="iron-icon">:host { |
| 369 display: var(--layout-inline_-_display); |
| 370 -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)
; |
| 371 position: relative; |
| 372 |
| 373 vertical-align: middle; |
| 374 |
| 375 fill: var(--iron-icon-fill-color, currentcolor); |
| 376 stroke: var(--iron-icon-stroke-color, none); |
| 377 |
| 378 width: var(--iron-icon-width, 24px); |
| 379 height: var(--iron-icon-height, 24px); |
| 380 ; |
| 381 } |
| 382 |
| 383 </style> |
| 384 </template> |
| 385 |
| 386 </dom-module> |
312 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> | 387 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> |
313 | 388 |
314 <template> | 389 <template> |
315 <style scope="paper-ripple">:host { | 390 <style scope="paper-ripple">:host { |
316 display: block; | 391 display: block; |
317 position: absolute; | 392 position: absolute; |
318 border-radius: inherit; | 393 border-radius: inherit; |
319 overflow: hidden; | 394 overflow: hidden; |
320 top: 0; | 395 top: 0; |
321 left: 0; | 396 left: 0; |
(...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
518 paper-ripple { | 593 paper-ripple { |
519 color: var(--paper-button-ink-color); | 594 color: var(--paper-button-ink-color); |
520 } | 595 } |
521 | 596 |
522 </style> | 597 </style> |
523 | 598 |
524 <content></content> | 599 <content></content> |
525 </template> | 600 </template> |
526 | 601 |
527 </dom-module> | 602 </dom-module> |
528 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> | 603 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> |
529 <template> | 604 <template strip-whitespace=""> |
530 <style scope="iron-icon">:host { | 605 <style scope="paper-icon-button-light">:host { |
531 display: var(--layout-inline_-_display); | 606 vertical-align: middle; |
532 -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)
; | 607 color: inherit; |
| 608 outline: none; |
| 609 width: 24px; |
| 610 height: 24px; |
| 611 background: none; |
| 612 margin: 0; |
| 613 border: none; |
| 614 padding: 0; |
| 615 |
533 position: relative; | 616 position: relative; |
| 617 cursor: pointer; |
534 | 618 |
535 vertical-align: middle; | 619 |
| 620 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 621 -webkit-tap-highlight-color: transparent; |
| 622 } |
536 | 623 |
537 fill: var(--iron-icon-fill-color, currentcolor); | 624 :host([disabled]) { |
538 stroke: var(--iron-icon-stroke-color, none); | 625 color: #9b9b9b; |
| 626 pointer-events: none; |
| 627 cursor: auto; |
| 628 } |
539 | 629 |
540 width: var(--iron-icon-width, 24px); | 630 paper-ripple { |
541 height: var(--iron-icon-height, 24px); | 631 opacity: 0.6; |
542 ; | 632 color: currentColor; |
543 } | 633 } |
544 | 634 |
545 </style> | 635 </style> |
| 636 <content></content> |
546 </template> | 637 </template> |
547 | |
548 </dom-module> | 638 </dom-module> |
549 <style is="custom-style" css-build="shadow">html { | 639 <style is="custom-style" css-build="shadow">html { |
550 --google-red-100: #f4c7c3; | 640 --google-red-100: #f4c7c3; |
551 --google-red-300: #e67c73; | 641 --google-red-300: #e67c73; |
552 --google-red-500: #db4437; | 642 --google-red-500: #db4437; |
553 --google-red-700: #c53929; | 643 --google-red-700: #c53929; |
554 | 644 |
555 --google-blue-100: #c6dafc; | 645 --google-blue-100: #c6dafc; |
556 --google-blue-300: #7baaf7; | 646 --google-blue-300: #7baaf7; |
557 --google-blue-500: #4285f4; | 647 --google-blue-500: #4285f4; |
(...skipping 2194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2752 :host(:not([narrow_])) h1 { | 2842 :host(:not([narrow_])) h1 { |
2753 ; | 2843 ; |
2754 } | 2844 } |
2755 | 2845 |
2756 :host(:not([narrow_])) #leftContent { | 2846 :host(:not([narrow_])) #leftContent { |
2757 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); | 2847 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); |
2758 ; | 2848 ; |
2759 } | 2849 } |
2760 | 2850 |
2761 :host(:not([narrow_])) #rightContent { | 2851 :host(:not([narrow_])) #rightContent { |
2762 ; | 2852 position: var(--cr-toolbar-right-content-wide_-_position); right: var(--cr-too
lbar-right-content-wide_-_right); |
2763 } | 2853 } |
2764 | 2854 |
2765 :host([narrow_]) #centeredContent { | 2855 :host([narrow_]) #centeredContent { |
2766 justify-content: flex-end; | 2856 justify-content: flex-end; |
2767 } | 2857 } |
2768 | 2858 |
2769 :host([narrow_][showing-search_]) #leftContent { | 2859 :host([narrow_][showing-search_]) #leftContent { |
2770 opacity: 0; | 2860 opacity: 0; |
2771 } | 2861 } |
2772 | 2862 |
(...skipping 16 matching lines...) Expand all Loading... |
2789 <div id="rightContent"> | 2879 <div id="rightContent"> |
2790 <content select=".more-actions"></content> | 2880 <content select=".more-actions"></content> |
2791 </div> | 2881 </div> |
2792 </template> | 2882 </template> |
2793 </dom-module> | 2883 </dom-module> |
2794 <iron-iconset-svg size="24" name="history"> | 2884 <iron-iconset-svg size="24" name="history"> |
2795 <svg> | 2885 <svg> |
2796 <defs> | 2886 <defs> |
2797 | 2887 |
2798 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12
z"></path></g> | 2888 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12
z"></path></g> |
| 2889 <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> |
2799 <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> | 2890 <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> |
2800 </defs> | 2891 </defs> |
2801 </svg> | 2892 </svg> |
2802 </iron-iconset-svg> | 2893 </iron-iconset-svg> |
2803 <style is="custom-style" css-build="shadow">html { | 2894 <style is="custom-style" css-build="shadow">html { |
2804 --card-border-color: rgba(0, 0, 0, 0.14); | 2895 --card-border-color: rgba(0, 0, 0, 0.14); |
2805 --card-first-last-item-padding: 8px; | 2896 --card-first-last-item-padding: 8px; |
2806 --card-max-width: 960px; | 2897 --card-max-width: 960px; |
2807 --card-min-width: 550px; | 2898 --card-min-width: 550px; |
2808 --card-padding-between: 20px; | 2899 --card-padding-between: 20px; |
(...skipping 181 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2990 | 3081 |
2991 :host([items-selected_]) { | 3082 :host([items-selected_]) { |
2992 background: rgb(68, 136, 255); | 3083 background: rgb(68, 136, 255); |
2993 } | 3084 } |
2994 | 3085 |
2995 #toolbar-container { | 3086 #toolbar-container { |
2996 height: var(--toolbar-height); | 3087 height: var(--toolbar-height); |
2997 } | 3088 } |
2998 | 3089 |
2999 cr-toolbar { | 3090 cr-toolbar { |
3000 --cr-toolbar-field-margin: var(--side-bar-width); | 3091 --cr-toolbar-field-end-padding: 0; |
| 3092 --cr-toolbar-field-margin: var(--side-bar-width); |
| 3093 --cr-toolbar-right-content-wide_-_position: absolute; --cr-toolbar-righ
t-content-wide_-_right: 0;; |
3001 } | 3094 } |
3002 | 3095 |
3003 :host([has-drawer]) cr-toolbar { | 3096 :host([has-drawer]) cr-toolbar { |
3004 --cr-toolbar-field-margin: 0; | 3097 --cr-toolbar-field-margin: 0; |
3005 } | 3098 } |
3006 | 3099 |
| 3100 cr-toolbar .more-actions { |
| 3101 -webkit-margin-end: 12px; |
| 3102 } |
| 3103 |
| 3104 #info-button { |
| 3105 height: 32px; |
| 3106 margin: 6px; |
| 3107 width: 32px; |
| 3108 } |
| 3109 |
| 3110 #info-button-icon { |
| 3111 height: 20px; |
| 3112 width: 20px; |
| 3113 } |
| 3114 |
| 3115 iron-dropdown { |
| 3116 margin-top: 28px; |
| 3117 } |
| 3118 |
| 3119 .dropdown-content { |
| 3120 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 3121 background-color: white; |
| 3122 border-radius: 2px; |
| 3123 color: var(--paper-grey-800); |
| 3124 overflow: hidden; |
| 3125 padding: 12px 20px; |
| 3126 } |
| 3127 |
3007 :host(:not([has-drawer])) #overlay-wrapper { | 3128 :host(:not([has-drawer])) #overlay-wrapper { |
3008 -webkit-margin-start: var(--side-bar-width); | 3129 -webkit-margin-start: var(--side-bar-width); |
3009 } | 3130 } |
3010 | 3131 |
3011 #overlay-buttons { | 3132 #overlay-buttons { |
3012 margin: 0 auto; | 3133 margin: 0 auto; |
3013 max-width: var(--card-max-width); | 3134 max-width: var(--card-max-width); |
3014 padding: 0 var(--card-padding-side); | 3135 padding: 0 var(--card-padding-side); |
3015 } | 3136 } |
3016 | 3137 |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3081 white-space: nowrap; | 3202 white-space: nowrap; |
3082 } | 3203 } |
3083 | 3204 |
3084 :host-context([dir=rtl]) .rtl-reversible { | 3205 :host-context([dir=rtl]) .rtl-reversible { |
3085 transform: rotate(180deg); | 3206 transform: rotate(180deg); |
3086 } | 3207 } |
3087 | 3208 |
3088 </style> | 3209 </style> |
3089 <div id="toolbar-container"> | 3210 <div id="toolbar-container"> |
3090 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{
clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s
pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi
storyMenuButton}" on-search-changed="onSearchChanged_"> | 3211 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{
clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s
pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi
storyMenuButton}" on-search-changed="onSearchChanged_"> |
| 3212 <div class="more-actions"> |
| 3213 <template is="dom-if" if="[[showSyncNotice]]"> |
| 3214 <button is="paper-icon-button-light" id="info-button" on-tap="onInfo
ButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> |
| 3215 <iron-icon icon="history:info-outline" id="info-button-icon"> |
| 3216 </iron-icon> |
| 3217 </button> |
| 3218 </template> |
| 3219 </div> |
3091 </cr-toolbar> | 3220 </cr-toolbar> |
| 3221 <template is="history-lazy-render" id="syncNotice"> |
| 3222 <iron-dropdown vertical-align="top" horizontal-align="right" allow-outsi
de-scroll=""> |
| 3223 <div class="dropdown-content"> |
| 3224 $i18nRaw{hasSyncedResults} |
| 3225 </div> |
| 3226 </iron-dropdown> |
| 3227 </template> |
3092 <template is="dom-if" if="[[itemsSelected_]]"> | 3228 <template is="dom-if" if="[[itemsSelected_]]"> |
3093 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> | 3229 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> |
3094 <div id="overlay-buttons"> | 3230 <div id="overlay-buttons"> |
3095 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o
nClearSelectionTap_" title="$i18n{cancel}"> | 3231 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o
nClearSelectionTap_" title="$i18n{cancel}"> |
3096 </paper-icon-button> | 3232 </paper-icon-button> |
3097 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> | 3233 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> |
3098 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> | 3234 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> |
3099 $i18n{cancel} | 3235 $i18n{cancel} |
3100 </paper-button> | 3236 </paper-button> |
3101 <paper-button id="delete-button" on-tap="onDeleteTap_"> | 3237 <paper-button id="delete-button" on-tap="onDeleteTap_"> |
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3210 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> | 3346 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> |
3211 </paper-icon-button> | 3347 </paper-icon-button> |
3212 </div> | 3348 </div> |
3213 <div class="body-container"> | 3349 <div class="body-container"> |
3214 <content select=".body"></content> | 3350 <content select=".body"></content> |
3215 </div> | 3351 </div> |
3216 <content select=".button-container"></content> | 3352 <content select=".button-container"></content> |
3217 <content select=".footer"></content> | 3353 <content select=".footer"></content> |
3218 </template> | 3354 </template> |
3219 </dom-module> | 3355 </dom-module> |
3220 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_
0/iron-overlay-behavior/" css-build="shadow"> | |
3221 | |
3222 <template> | |
3223 <style scope="iron-overlay-backdrop">:host { | |
3224 position: fixed; | |
3225 top: 0; | |
3226 left: 0; | |
3227 width: 100%; | |
3228 height: 100%; | |
3229 background-color: var(--iron-overlay-backdrop-background-color, #000); | |
3230 opacity: 0; | |
3231 transition: opacity 0.2s; | |
3232 pointer-events: none; | |
3233 ; | |
3234 } | |
3235 | |
3236 :host(.opened) { | |
3237 opacity: var(--iron-overlay-backdrop-opacity, 0.6); | |
3238 pointer-events: auto; | |
3239 ; | |
3240 } | |
3241 | |
3242 </style> | |
3243 | |
3244 <content></content> | |
3245 </template> | |
3246 | |
3247 </dom-module> | |
3248 | |
3249 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | |
3250 | 3356 |
3251 | 3357 |
3252 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> | |
3253 <template> | |
3254 <style scope="iron-dropdown">:host { | |
3255 position: fixed; | |
3256 } | |
3257 | |
3258 #contentWrapper ::content > * { | |
3259 overflow: auto; | |
3260 } | |
3261 | |
3262 #contentWrapper.animating ::content > * { | |
3263 overflow: hidden; | |
3264 } | |
3265 | |
3266 </style> | |
3267 | |
3268 <div id="contentWrapper"> | |
3269 <content id="content" select=".dropdown-content"></content> | |
3270 </div> | |
3271 </template> | |
3272 | |
3273 </dom-module> | |
3274 <link rel="import" href="chrome://resources/html/util.html"> | 3358 <link rel="import" href="chrome://resources/html/util.html"> |
3275 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha
red_menu/" css-build="shadow"> | 3359 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha
red_menu/" css-build="shadow"> |
3276 <template> | 3360 <template> |
3277 <style scope="cr-shared-menu">#menu { | 3361 <style scope="cr-shared-menu">#menu { |
3278 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 3362 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
3279 background-color: white; | 3363 background-color: white; |
3280 overflow: hidden; | 3364 overflow: hidden; |
3281 padding: 8px 0; | 3365 padding: 8px 0; |
3282 position: relative; | 3366 position: relative; |
3283 } | 3367 } |
(...skipping 229 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3513 } | 3597 } |
3514 | 3598 |
3515 </style> | 3599 </style> |
3516 | 3600 |
3517 <content></content> | 3601 <content></content> |
3518 | 3602 |
3519 </template> | 3603 </template> |
3520 | 3604 |
3521 </dom-module> | 3605 </dom-module> |
3522 | 3606 |
3523 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> | |
3524 <template strip-whitespace=""> | |
3525 <style scope="paper-icon-button-light">:host { | |
3526 vertical-align: middle; | |
3527 color: inherit; | |
3528 outline: none; | |
3529 width: 24px; | |
3530 height: 24px; | |
3531 background: none; | |
3532 margin: 0; | |
3533 border: none; | |
3534 padding: 0; | |
3535 | |
3536 position: relative; | |
3537 cursor: pointer; | |
3538 | |
3539 | |
3540 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
3541 -webkit-tap-highlight-color: transparent; | |
3542 } | |
3543 | |
3544 :host([disabled]) { | |
3545 color: #9b9b9b; | |
3546 pointer-events: none; | |
3547 cursor: auto; | |
3548 } | |
3549 | |
3550 paper-ripple { | |
3551 opacity: 0.6; | |
3552 color: currentColor; | |
3553 } | |
3554 | |
3555 </style> | |
3556 <content></content> | |
3557 </template> | |
3558 </dom-module> | |
3559 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> | 3607 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> |
3560 </dom-module> | 3608 </dom-module> |
3561 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> | 3609 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> |
3562 <template> | 3610 <template> |
3563 <style scope="history-item">[hidden] { | 3611 <style scope="history-item">[hidden] { |
3564 display: none !important; | 3612 display: none !important; |
3565 } | 3613 } |
3566 | 3614 |
3567 .card-title { | 3615 .card-title { |
3568 -webkit-padding-start: 20px; | 3616 -webkit-padding-start: 20px; |
(...skipping 1498 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5067 :host([toolbar-shadow_]) #drop-shadow { | 5115 :host([toolbar-shadow_]) #drop-shadow { |
5068 opacity: 1; | 5116 opacity: 1; |
5069 } | 5117 } |
5070 | 5118 |
5071 </style> | 5119 </style> |
5072 <app-location route="{{route_}}"></app-location> | 5120 <app-location route="{{route_}}"></app-location> |
5073 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> | 5121 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> |
5074 </app-route> | 5122 </app-route> |
5075 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, | 5123 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, |
5076 queryState_.incremental, | 5124 queryState_.incremental, |
5077 queryState_.searchTerm)]]" is-group
ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer
yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu
ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]"> | 5125 queryState_.searchTerm)]]" is-group
ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer
yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu
ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh
ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]"> |
5078 </history-toolbar> | 5126 </history-toolbar> |
5079 | 5127 |
5080 <div id="main-container"> | 5128 <div id="main-container"> |
5081 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> | 5129 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> |
5082 </history-side-bar> | 5130 </history-side-bar> |
5083 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> | 5131 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> |
5084 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> | 5132 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> |
5085 </history-list-container> | 5133 </history-list-container> |
5086 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> | 5134 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> |
5087 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> | 5135 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> |
(...skipping 11 matching lines...) Expand all Loading... |
5099 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 5147 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
5100 </history-side-bar> | 5148 </history-side-bar> |
5101 </app-drawer> | 5149 </app-drawer> |
5102 </template> | 5150 </template> |
5103 | 5151 |
5104 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 5152 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
5105 </iron-media-query> | 5153 </iron-media-query> |
5106 </template> | 5154 </template> |
5107 </dom-module> | 5155 </dom-module> |
5108 <script src="app.crisper.js"></script></body></html> | 5156 <script src="app.crisper.js"></script></body></html> |
OLD | NEW |