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 </style> |
| 383 </template> |
| 384 |
| 385 </dom-module> |
312 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> | 386 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> |
313 | 387 |
314 <template> | 388 <template> |
315 <style scope="paper-ripple">:host { | 389 <style scope="paper-ripple">:host { |
316 display: block; | 390 display: block; |
317 position: absolute; | 391 position: absolute; |
318 border-radius: inherit; | 392 border-radius: inherit; |
319 overflow: hidden; | 393 overflow: hidden; |
320 top: 0; | 394 top: 0; |
321 left: 0; | 395 left: 0; |
(...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
518 paper-ripple { | 592 paper-ripple { |
519 color: var(--paper-button-ink-color); | 593 color: var(--paper-button-ink-color); |
520 } | 594 } |
521 | 595 |
522 </style> | 596 </style> |
523 | 597 |
524 <content></content> | 598 <content></content> |
525 </template> | 599 </template> |
526 | 600 |
527 </dom-module> | 601 </dom-module> |
528 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> | 602 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> |
529 <template> | 603 <template strip-whitespace=""> |
530 <style scope="iron-icon">:host { | 604 <style scope="paper-icon-button-light">:host { |
531 display: var(--layout-inline_-_display); | 605 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)
; | 606 color: inherit; |
| 607 outline: none; |
| 608 width: 24px; |
| 609 height: 24px; |
| 610 background: none; |
| 611 margin: 0; |
| 612 border: none; |
| 613 padding: 0; |
| 614 |
533 position: relative; | 615 position: relative; |
| 616 cursor: pointer; |
534 | 617 |
535 vertical-align: middle; | 618 |
| 619 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 620 -webkit-tap-highlight-color: transparent; |
| 621 } |
536 | 622 |
537 fill: var(--iron-icon-fill-color, currentcolor); | 623 :host([disabled]) { |
538 stroke: var(--iron-icon-stroke-color, none); | 624 color: #9b9b9b; |
| 625 pointer-events: none; |
| 626 cursor: auto; |
| 627 } |
539 | 628 |
540 width: var(--iron-icon-width, 24px); | 629 paper-ripple { |
541 height: var(--iron-icon-height, 24px); | 630 opacity: 0.6; |
| 631 color: currentColor; |
542 } | 632 } |
543 | 633 |
544 </style> | 634 </style> |
| 635 <content></content> |
545 </template> | 636 </template> |
546 | |
547 </dom-module> | 637 </dom-module> |
548 <style is="custom-style" css-build="shadow">html { | 638 <style is="custom-style" css-build="shadow">html { |
549 --google-red-100: #f4c7c3; | 639 --google-red-100: #f4c7c3; |
550 --google-red-300: #e67c73; | 640 --google-red-300: #e67c73; |
551 --google-red-500: #db4437; | 641 --google-red-500: #db4437; |
552 --google-red-700: #c53929; | 642 --google-red-700: #c53929; |
553 | 643 |
554 --google-blue-100: #c6dafc; | 644 --google-blue-100: #c6dafc; |
555 --google-blue-300: #7baaf7; | 645 --google-blue-300: #7baaf7; |
556 --google-blue-500: #4285f4; | 646 --google-blue-500: #4285f4; |
(...skipping 2190 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2747 :host(:not([narrow_])) h1 { | 2837 :host(:not([narrow_])) h1 { |
2748 ; | 2838 ; |
2749 } | 2839 } |
2750 | 2840 |
2751 :host(:not([narrow_])) #leftContent { | 2841 :host(:not([narrow_])) #leftContent { |
2752 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); | 2842 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); |
2753 ; | 2843 ; |
2754 } | 2844 } |
2755 | 2845 |
2756 :host(:not([narrow_])) #rightContent { | 2846 :host(:not([narrow_])) #rightContent { |
2757 ; | 2847 position: var(--cr-toolbar-right-content-wide_-_position); right: var(--cr-too
lbar-right-content-wide_-_right); |
2758 } | 2848 } |
2759 | 2849 |
2760 :host([narrow_]) #centeredContent { | 2850 :host([narrow_]) #centeredContent { |
2761 justify-content: flex-end; | 2851 justify-content: flex-end; |
2762 } | 2852 } |
2763 | 2853 |
2764 :host([narrow_][showing-search_]) #leftContent { | 2854 :host([narrow_][showing-search_]) #leftContent { |
2765 opacity: 0; | 2855 opacity: 0; |
2766 } | 2856 } |
2767 | 2857 |
(...skipping 16 matching lines...) Expand all Loading... |
2784 <div id="rightContent"> | 2874 <div id="rightContent"> |
2785 <content select=".more-actions"></content> | 2875 <content select=".more-actions"></content> |
2786 </div> | 2876 </div> |
2787 </template> | 2877 </template> |
2788 </dom-module> | 2878 </dom-module> |
2789 <iron-iconset-svg size="24" name="history"> | 2879 <iron-iconset-svg size="24" name="history"> |
2790 <svg> | 2880 <svg> |
2791 <defs> | 2881 <defs> |
2792 | 2882 |
2793 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12
z"></path></g> | 2883 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12
z"></path></g> |
| 2884 <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> |
2794 <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> | 2885 <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> |
2795 </defs> | 2886 </defs> |
2796 </svg> | 2887 </svg> |
2797 </iron-iconset-svg> | 2888 </iron-iconset-svg> |
2798 <style is="custom-style" css-build="shadow">html { | 2889 <style is="custom-style" css-build="shadow">html { |
2799 --card-border-color: rgba(0, 0, 0, 0.14); | 2890 --card-border-color: rgba(0, 0, 0, 0.14); |
2800 --card-box-shadow_-_box-shadow: 0 2px 2px rgba(0, 0, 0, .05), | 2891 --card-box-shadow_-_box-shadow: 0 2px 2px rgba(0, 0, 0, .05), |
2801 0 1px 4px rgba(0, 0, 0, .08), | 2892 0 1px 4px rgba(0, 0, 0, .08), |
2802 0 1px 1px rgba(0, 0, 0, .2);; | 2893 0 1px 1px rgba(0, 0, 0, .2);; |
2803 --card-container-filter_-_filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05)) | 2894 --card-container-filter_-_filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05)) |
(...skipping 187 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2991 | 3082 |
2992 :host([items-selected_]) { | 3083 :host([items-selected_]) { |
2993 background: rgb(68, 136, 255); | 3084 background: rgb(68, 136, 255); |
2994 } | 3085 } |
2995 | 3086 |
2996 #toolbar-container { | 3087 #toolbar-container { |
2997 height: var(--toolbar-height); | 3088 height: var(--toolbar-height); |
2998 } | 3089 } |
2999 | 3090 |
3000 cr-toolbar { | 3091 cr-toolbar { |
3001 --cr-toolbar-field-margin: var(--side-bar-width); | 3092 --cr-toolbar-field-end-padding: 0; |
| 3093 --cr-toolbar-field-margin: var(--side-bar-width); |
| 3094 --cr-toolbar-right-content-wide_-_position: absolute; --cr-toolbar-righ
t-content-wide_-_right: 0;; |
3002 } | 3095 } |
3003 | 3096 |
3004 :host([has-drawer]) cr-toolbar { | 3097 :host([has-drawer]) cr-toolbar { |
3005 --cr-toolbar-field-margin: 0; | 3098 --cr-toolbar-field-margin: 0; |
3006 } | 3099 } |
3007 | 3100 |
| 3101 cr-toolbar .more-actions { |
| 3102 -webkit-margin-end: 12px; |
| 3103 } |
| 3104 |
| 3105 #info-button { |
| 3106 height: 32px; |
| 3107 margin: 6px; |
| 3108 width: 32px; |
| 3109 } |
| 3110 |
| 3111 #info-button-icon { |
| 3112 height: 20px; |
| 3113 width: 20px; |
| 3114 } |
| 3115 |
| 3116 iron-dropdown { |
| 3117 margin-top: 28px; |
| 3118 } |
| 3119 |
| 3120 .dropdown-content { |
| 3121 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 3122 background-color: white; |
| 3123 border-radius: 2px; |
| 3124 color: var(--paper-grey-800); |
| 3125 overflow: hidden; |
| 3126 padding: 12px 20px; |
| 3127 } |
| 3128 |
3008 :host(:not([has-drawer])) #overlay-wrapper { | 3129 :host(:not([has-drawer])) #overlay-wrapper { |
3009 -webkit-margin-start: var(--side-bar-width); | 3130 -webkit-margin-start: var(--side-bar-width); |
3010 } | 3131 } |
3011 | 3132 |
3012 #overlay-buttons { | 3133 #overlay-buttons { |
3013 margin: 0 auto; | 3134 margin: 0 auto; |
3014 max-width: var(--card-max-width); | 3135 max-width: var(--card-max-width); |
3015 padding: 0 var(--card-padding-side); | 3136 padding: 0 var(--card-padding-side); |
3016 } | 3137 } |
3017 | 3138 |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3082 white-space: nowrap; | 3203 white-space: nowrap; |
3083 } | 3204 } |
3084 | 3205 |
3085 :host-context([dir=rtl]) .rtl-reversible { | 3206 :host-context([dir=rtl]) .rtl-reversible { |
3086 transform: rotate(180deg); | 3207 transform: rotate(180deg); |
3087 } | 3208 } |
3088 | 3209 |
3089 </style> | 3210 </style> |
3090 <div id="toolbar-container"> | 3211 <div id="toolbar-container"> |
3091 <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 <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_"> |
| 3213 <div class="more-actions"> |
| 3214 <template is="dom-if" if="[[showSyncNotice]]"> |
| 3215 <button is="paper-icon-button-light" id="info-button" on-tap="onInfo
ButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> |
| 3216 <iron-icon icon="history:info-outline" id="info-button-icon"> |
| 3217 </iron-icon> |
| 3218 </button> |
| 3219 </template> |
| 3220 </div> |
3092 </cr-toolbar> | 3221 </cr-toolbar> |
| 3222 <template is="history-lazy-render" id="syncNotice"> |
| 3223 <iron-dropdown vertical-align="top" horizontal-align="right" allow-outsi
de-scroll=""> |
| 3224 <div class="dropdown-content"> |
| 3225 $i18nRaw{hasSyncedResults} |
| 3226 </div> |
| 3227 </iron-dropdown> |
| 3228 </template> |
3093 <template is="dom-if" if="[[itemsSelected_]]"> | 3229 <template is="dom-if" if="[[itemsSelected_]]"> |
3094 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> | 3230 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> |
3095 <div id="overlay-buttons"> | 3231 <div id="overlay-buttons"> |
3096 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o
nClearSelectionTap_" title="$i18n{cancel}"> | 3232 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o
nClearSelectionTap_" title="$i18n{cancel}"> |
3097 </paper-icon-button> | 3233 </paper-icon-button> |
3098 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> | 3234 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> |
3099 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> | 3235 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> |
3100 $i18n{cancel} | 3236 $i18n{cancel} |
3101 </paper-button> | 3237 </paper-button> |
3102 <paper-button id="delete-button" on-tap="onDeleteTap_"> | 3238 <paper-button id="delete-button" on-tap="onDeleteTap_"> |
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3211 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> | 3347 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> |
3212 </paper-icon-button> | 3348 </paper-icon-button> |
3213 </div> | 3349 </div> |
3214 <div class="body-container"> | 3350 <div class="body-container"> |
3215 <content select=".body"></content> | 3351 <content select=".body"></content> |
3216 </div> | 3352 </div> |
3217 <content select=".button-container"></content> | 3353 <content select=".button-container"></content> |
3218 <content select=".footer"></content> | 3354 <content select=".footer"></content> |
3219 </template> | 3355 </template> |
3220 </dom-module> | 3356 </dom-module> |
3221 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_
0/iron-overlay-behavior/" css-build="shadow"> | |
3222 | |
3223 <template> | |
3224 <style scope="iron-overlay-backdrop">:host { | |
3225 position: fixed; | |
3226 top: 0; | |
3227 left: 0; | |
3228 width: 100%; | |
3229 height: 100%; | |
3230 background-color: var(--iron-overlay-backdrop-background-color, #000); | |
3231 opacity: 0; | |
3232 transition: opacity 0.2s; | |
3233 pointer-events: none; | |
3234 ; | |
3235 } | |
3236 | |
3237 :host(.opened) { | |
3238 opacity: var(--iron-overlay-backdrop-opacity, 0.6); | |
3239 pointer-events: auto; | |
3240 ; | |
3241 } | |
3242 | |
3243 </style> | |
3244 | |
3245 <content></content> | |
3246 </template> | |
3247 | |
3248 </dom-module> | |
3249 | |
3250 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | |
3251 | 3357 |
3252 | 3358 |
3253 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> | |
3254 <template> | |
3255 <style scope="iron-dropdown">:host { | |
3256 position: fixed; | |
3257 } | |
3258 | |
3259 #contentWrapper ::content > * { | |
3260 overflow: auto; | |
3261 } | |
3262 | |
3263 #contentWrapper.animating ::content > * { | |
3264 overflow: hidden; | |
3265 } | |
3266 | |
3267 </style> | |
3268 | |
3269 <div id="contentWrapper"> | |
3270 <content id="content" select=".dropdown-content"></content> | |
3271 </div> | |
3272 </template> | |
3273 | |
3274 </dom-module> | |
3275 <link rel="import" href="chrome://resources/html/util.html"> | 3359 <link rel="import" href="chrome://resources/html/util.html"> |
3276 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha
red_menu/" css-build="shadow"> | 3360 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha
red_menu/" css-build="shadow"> |
3277 <template> | 3361 <template> |
3278 <style scope="cr-shared-menu">#menu { | 3362 <style scope="cr-shared-menu">#menu { |
3279 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 3363 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
3280 background-color: white; | 3364 background-color: white; |
3281 overflow: hidden; | 3365 overflow: hidden; |
3282 padding: 8px 0; | 3366 padding: 8px 0; |
3283 position: relative; | 3367 position: relative; |
3284 } | 3368 } |
(...skipping 404 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3689 <div id="checkboxContainer"> | 3773 <div id="checkboxContainer"> |
3690 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> | 3774 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> |
3691 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> | 3775 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> |
3692 </div> | 3776 </div> |
3693 </div> | 3777 </div> |
3694 | 3778 |
3695 <div id="checkboxLabel"><content></content></div> | 3779 <div id="checkboxLabel"><content></content></div> |
3696 </template> | 3780 </template> |
3697 | 3781 |
3698 </dom-module> | 3782 </dom-module> |
3699 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> | |
3700 <template strip-whitespace=""> | |
3701 <style scope="paper-icon-button-light">:host { | |
3702 vertical-align: middle; | |
3703 color: inherit; | |
3704 outline: none; | |
3705 width: 24px; | |
3706 height: 24px; | |
3707 background: none; | |
3708 margin: 0; | |
3709 border: none; | |
3710 padding: 0; | |
3711 | |
3712 position: relative; | |
3713 cursor: pointer; | |
3714 | |
3715 | |
3716 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
3717 -webkit-tap-highlight-color: transparent; | |
3718 } | |
3719 | |
3720 :host([disabled]) { | |
3721 color: #9b9b9b; | |
3722 pointer-events: none; | |
3723 cursor: auto; | |
3724 } | |
3725 | |
3726 paper-ripple { | |
3727 opacity: 0.6; | |
3728 color: currentColor; | |
3729 } | |
3730 | |
3731 </style> | |
3732 <content></content> | |
3733 </template> | |
3734 </dom-module> | |
3735 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> | 3783 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> |
3736 <template> | 3784 <template> |
3737 <span id="container"></span> | 3785 <span id="container"></span> |
3738 </template> | 3786 </template> |
3739 </dom-module> | 3787 </dom-module> |
3740 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> | 3788 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> |
3741 <template> | 3789 <template> |
3742 <style scope="history-item">[hidden] { | 3790 <style scope="history-item">[hidden] { |
3743 display: none !important; | 3791 display: none !important; |
3744 } | 3792 } |
(...skipping 1442 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5187 :host([toolbar-shadow_]) #drop-shadow { | 5235 :host([toolbar-shadow_]) #drop-shadow { |
5188 opacity: 1; | 5236 opacity: 1; |
5189 } | 5237 } |
5190 | 5238 |
5191 </style> | 5239 </style> |
5192 <app-location route="{{route_}}"></app-location> | 5240 <app-location route="{{route_}}"></app-location> |
5193 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> | 5241 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> |
5194 </app-route> | 5242 </app-route> |
5195 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, | 5243 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, |
5196 queryState_.incremental, | 5244 queryState_.incremental, |
5197 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_]]"> | 5245 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_)]]"> |
5198 </history-toolbar> | 5246 </history-toolbar> |
5199 | 5247 |
5200 <div id="main-container"> | 5248 <div id="main-container"> |
5201 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> | 5249 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> |
5202 </history-side-bar> | 5250 </history-side-bar> |
5203 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> | 5251 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> |
5204 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> | 5252 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> |
5205 </history-list-container> | 5253 </history-list-container> |
5206 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> | 5254 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> |
5207 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> | 5255 <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... |
5219 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 5267 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
5220 </history-side-bar> | 5268 </history-side-bar> |
5221 </app-drawer> | 5269 </app-drawer> |
5222 </template> | 5270 </template> |
5223 | 5271 |
5224 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 5272 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
5225 </iron-media-query> | 5273 </iron-media-query> |
5226 </template> | 5274 </template> |
5227 </dom-module> | 5275 </dom-module> |
5228 <script src="app.crisper.js"></script></body></html> | 5276 <script src="app.crisper.js"></script></body></html> |
OLD | NEW |