| 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 |