| 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 21 matching lines...) Expand all Loading... |
| 32 /* This is a custom, Chrome-specific color that does not have a --paper or | 32 /* This is a custom, Chrome-specific color that does not have a --paper or |
| 33 * --google equivalent. */ | 33 * --google equivalent. */ |
| 34 --md-background-color: rgb(241, 241, 241); | 34 --md-background-color: rgb(241, 241, 241); |
| 35 /* This is --google-blue-700, rewritten as a native custom property for speed. | 35 /* This is --google-blue-700, rewritten as a native custom property for speed. |
| 36 */ | 36 */ |
| 37 --md-toolbar-color: rgb(51, 103, 214); | 37 --md-toolbar-color: rgb(51, 103, 214); |
| 38 } | 38 } |
| 39 | 39 |
| 40 </style> | 40 </style> |
| 41 | 41 |
| 42 </head><body><div hidden="" by-vulcanize=""><style> | 42 |
| 43 |
| 44 </head><body><div hidden="" by-vulcanize=""><dom-module id="app-location" assetp
ath="chrome://resources/polymer/v1_0/app-route/" css-build="shadow"> |
| 45 <template> |
| 46 <iron-location path="{{__path}}" query="{{__query}}" hash="{{__hash}}" url-s
pace-regex="{{urlSpaceRegex}}"> |
| 47 </iron-location> |
| 48 <iron-query-params params-string="{{__query}}" params-object="{{queryParams}
}"> |
| 49 </iron-query-params> |
| 50 </template> |
| 51 </dom-module> |
| 52 <dom-module id="iron-pages" assetpath="chrome://resources/polymer/v1_0/iron-page
s/" css-build="shadow"> |
| 53 |
| 54 <template> |
| 55 <style scope="iron-pages">:host { |
| 56 display: block; |
| 57 } |
| 58 |
| 59 :host > ::content > :not(.iron-selected) { |
| 60 display: none !important; |
| 61 } |
| 62 |
| 63 </style> |
| 64 |
| 65 <content></content> |
| 66 </template> |
| 67 |
| 68 </dom-module> |
| 69 <style> |
| 43 /* IE 10 support for HTML5 hidden attr */ | 70 /* IE 10 support for HTML5 hidden attr */ |
| 44 [hidden] { | 71 [hidden] { |
| 45 display: none !important; | 72 display: none !important; |
| 46 } | 73 } |
| 47 </style> | 74 </style> |
| 48 | 75 |
| 49 <style is="custom-style" css-build="shadow">html { | 76 <style is="custom-style" css-build="shadow">html { |
| 50 --layout_-_display: flex;; | 77 --layout_-_display: flex;; |
| 51 | 78 |
| 52 --layout-inline_-_display: inline-flex;; | 79 --layout-inline_-_display: inline-flex;; |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 160 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; | 187 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; |
| 161 | 188 |
| 162 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; | 189 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; |
| 163 | 190 |
| 164 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; | 191 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; |
| 165 } | 192 } |
| 166 | 193 |
| 167 </style> | 194 </style> |
| 168 | 195 |
| 169 | 196 |
| 170 <dom-module id="app-drawer" assetpath="chrome://resources/polymer/v1_0/app-layou
t/app-drawer/" css-build="shadow"> | |
| 171 <template> | |
| 172 <style scope="app-drawer">:host { | |
| 173 position: fixed; | |
| 174 top: -120px; | |
| 175 right: 0; | |
| 176 bottom: -120px; | |
| 177 left: 0; | |
| 178 | |
| 179 visibility: hidden; | |
| 180 | |
| 181 transition: visibility 0.2s ease; | |
| 182 } | |
| 183 | |
| 184 :host([opened]) { | |
| 185 visibility: visible; | |
| 186 } | |
| 187 | |
| 188 :host([persistent]) { | |
| 189 width: var(--app-drawer-width, 256px); | |
| 190 } | |
| 191 | |
| 192 :host([persistent][position=left]) { | |
| 193 right: auto; | |
| 194 } | |
| 195 | |
| 196 :host([persistent][position=right]) { | |
| 197 left: auto; | |
| 198 } | |
| 199 | |
| 200 #contentContainer { | |
| 201 position: absolute; | |
| 202 top: 0; | |
| 203 bottom: 0; | |
| 204 left: 0; | |
| 205 | |
| 206 width: var(--app-drawer-width, 256px); | |
| 207 padding: 120px 0; | |
| 208 | |
| 209 transition: 0.2s ease; | |
| 210 transition-property: -webkit-transform; | |
| 211 transition-property: transform; | |
| 212 -webkit-transform: translate3d(-100%, 0, 0); | |
| 213 transform: translate3d(-100%, 0, 0); | |
| 214 | |
| 215 background-color: #FFF; | |
| 216 | |
| 217 ; | |
| 218 } | |
| 219 | |
| 220 :host([position=right]) > #contentContainer { | |
| 221 right: 0; | |
| 222 left: auto; | |
| 223 | |
| 224 -webkit-transform: translate3d(100%, 0, 0); | |
| 225 transform: translate3d(100%, 0, 0); | |
| 226 } | |
| 227 | |
| 228 :host([swipe-open]) > #contentContainer::after { | |
| 229 position: fixed; | |
| 230 top: 0; | |
| 231 bottom: 0; | |
| 232 left: 100%; | |
| 233 | |
| 234 visibility: visible; | |
| 235 | |
| 236 width: 20px; | |
| 237 | |
| 238 content: ''; | |
| 239 } | |
| 240 | |
| 241 :host([swipe-open][position=right]) > #contentContainer::after { | |
| 242 right: 100%; | |
| 243 left: auto; | |
| 244 } | |
| 245 | |
| 246 :host([opened]) > #contentContainer { | |
| 247 -webkit-transform: translate3d(0, 0, 0); | |
| 248 transform: translate3d(0, 0, 0); | |
| 249 } | |
| 250 | |
| 251 #scrim { | |
| 252 position: absolute; | |
| 253 top: 0; | |
| 254 right: 0; | |
| 255 bottom: 0; | |
| 256 left: 0; | |
| 257 | |
| 258 transition: opacity 0.2s ease; | |
| 259 -webkit-transform: translateZ(0); | |
| 260 transform: translateZ(0); | |
| 261 | |
| 262 opacity: 0; | |
| 263 background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5)); | |
| 264 } | |
| 265 | |
| 266 :host([opened]) > #scrim { | |
| 267 opacity: 1; | |
| 268 } | |
| 269 | |
| 270 :host([opened][persistent]) > #scrim { | |
| 271 visibility: hidden; | |
| 272 | |
| 273 | |
| 274 opacity: 0; | |
| 275 } | |
| 276 | |
| 277 </style> | |
| 278 | |
| 279 <div id="scrim" on-tap="close"></div> | |
| 280 | |
| 281 <div id="contentContainer"> | |
| 282 <content></content> | |
| 283 </div> | |
| 284 </template> | |
| 285 | |
| 286 </dom-module> | |
| 287 <dom-module id="app-location" assetpath="chrome://resources/polymer/v1_0/app-rou
te/" css-build="shadow"> | |
| 288 <template> | |
| 289 <iron-location path="{{__path}}" query="{{__query}}" hash="{{__hash}}" url-s
pace-regex="{{urlSpaceRegex}}"> | |
| 290 </iron-location> | |
| 291 <iron-query-params params-string="{{__query}}" params-object="{{queryParams}
}"> | |
| 292 </iron-query-params> | |
| 293 </template> | |
| 294 </dom-module> | |
| 295 <dom-module id="iron-pages" assetpath="chrome://resources/polymer/v1_0/iron-page
s/" css-build="shadow"> | |
| 296 | |
| 297 <template> | |
| 298 <style scope="iron-pages">:host { | |
| 299 display: block; | |
| 300 } | |
| 301 | |
| 302 :host > ::content > :not(.iron-selected) { | |
| 303 display: none !important; | |
| 304 } | |
| 305 | |
| 306 </style> | |
| 307 | |
| 308 <content></content> | |
| 309 </template> | |
| 310 | |
| 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"> | 197 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> |
| 367 <template> | 198 <template> |
| 368 <style scope="iron-icon">:host { | 199 <style scope="iron-icon">:host { |
| 369 display: var(--layout-inline_-_display); | 200 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)
; | 201 -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; | 202 position: relative; |
| 372 | 203 |
| 373 vertical-align: middle; | 204 vertical-align: middle; |
| 374 | 205 |
| 375 fill: var(--iron-icon-fill-color, currentcolor); | 206 fill: var(--iron-icon-fill-color, currentcolor); |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 435 overflow: hidden; | 266 overflow: hidden; |
| 436 } | 267 } |
| 437 | 268 |
| 438 </style> | 269 </style> |
| 439 | 270 |
| 440 <div id="background"></div> | 271 <div id="background"></div> |
| 441 <div id="waves"></div> | 272 <div id="waves"></div> |
| 442 </template> | 273 </template> |
| 443 </dom-module> | 274 </dom-module> |
| 444 <style is="custom-style" css-build="shadow">html { | 275 <style is="custom-style" css-build="shadow">html { |
| 445 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2,
1);; | |
| 446 | |
| 447 --shadow-none_-_box-shadow: none;; | |
| 448 | |
| 449 | |
| 450 | |
| 451 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), | |
| 452 0 1px 5px 0 rgba(0, 0, 0, 0.12), | |
| 453 0 3px 1px -2px rgba(0, 0, 0, 0.2);; | |
| 454 | |
| 455 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), | |
| 456 0 1px 8px 0 rgba(0, 0, 0, 0.12), | |
| 457 0 3px 3px -2px rgba(0, 0, 0, 0.4);; | |
| 458 | |
| 459 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), | |
| 460 0 1px 10px 0 rgba(0, 0, 0, 0.12), | |
| 461 0 2px 4px -1px rgba(0, 0, 0, 0.4);; | |
| 462 | |
| 463 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), | |
| 464 0 1px 18px 0 rgba(0, 0, 0, 0.12), | |
| 465 0 3px 5px -1px rgba(0, 0, 0, 0.4);; | |
| 466 | |
| 467 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), | |
| 468 0 3px 14px 2px rgba(0, 0, 0, 0.12), | |
| 469 0 5px 5px -3px rgba(0, 0, 0, 0.4);; | |
| 470 | |
| 471 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), | |
| 472 0 4px 22px 3px rgba(0, 0, 0, 0.12), | |
| 473 0 6px 7px -4px rgba(0, 0, 0, 0.4);; | |
| 474 | |
| 475 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), | |
| 476 0 6px 30px 5px rgba(0, 0, 0, 0.12), | |
| 477 0 8px 10px -5px rgba(0, 0, 0, 0.4);; | |
| 478 } | |
| 479 | |
| 480 </style> | |
| 481 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly
mer/v1_0/paper-material/" css-build="shadow"> | |
| 482 <template> | |
| 483 <style scope="paper-material-shared-styles">:host { | |
| 484 display: block; | |
| 485 position: relative; | |
| 486 } | |
| 487 | |
| 488 :host([elevation="1"]) { | |
| 489 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 490 } | |
| 491 | |
| 492 :host([elevation="2"]) { | |
| 493 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); | |
| 494 } | |
| 495 | |
| 496 :host([elevation="3"]) { | |
| 497 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); | |
| 498 } | |
| 499 | |
| 500 :host([elevation="4"]) { | |
| 501 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | |
| 502 } | |
| 503 | |
| 504 :host([elevation="5"]) { | |
| 505 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | |
| 506 } | |
| 507 | |
| 508 </style> | |
| 509 </template> | |
| 510 </dom-module> | |
| 511 | |
| 512 | |
| 513 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | |
| 514 <template strip-whitespace=""> | |
| 515 <style scope="paper-button">:host { | |
| 516 display: block; | |
| 517 position: relative; | |
| 518 } | |
| 519 | |
| 520 :host([elevation="1"]) { | |
| 521 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 522 } | |
| 523 | |
| 524 :host([elevation="2"]) { | |
| 525 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); | |
| 526 } | |
| 527 | |
| 528 :host([elevation="3"]) { | |
| 529 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); | |
| 530 } | |
| 531 | |
| 532 :host([elevation="4"]) { | |
| 533 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | |
| 534 } | |
| 535 | |
| 536 :host([elevation="5"]) { | |
| 537 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | |
| 538 } | |
| 539 | |
| 540 :host { | |
| 541 display: var(--layout-inline_-_display); | |
| 542 -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)
; | |
| 543 position: relative; | |
| 544 box-sizing: border-box; | |
| 545 min-width: 5.14em; | |
| 546 margin: 0 0.29em; | |
| 547 background: transparent; | |
| 548 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 549 -webkit-tap-highlight-color: transparent; | |
| 550 font: inherit; | |
| 551 text-transform: uppercase; | |
| 552 outline-width: 0; | |
| 553 border-radius: 3px; | |
| 554 -moz-user-select: none; | |
| 555 -ms-user-select: none; | |
| 556 -webkit-user-select: none; | |
| 557 user-select: none; | |
| 558 cursor: pointer; | |
| 559 z-index: 0; | |
| 560 padding: 0.7em 0.57em; | |
| 561 | |
| 562 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s
moothing: var(--paper-font-common-base_-_-webkit-font-smoothing); | |
| 563 ; | |
| 564 } | |
| 565 | |
| 566 :host([hidden]) { | |
| 567 display: none !important; | |
| 568 } | |
| 569 | |
| 570 :host([raised].keyboard-focus) { | |
| 571 font-weight: bold; | |
| 572 ; | |
| 573 } | |
| 574 | |
| 575 :host(:not([raised]).keyboard-focus) { | |
| 576 font-weight: bold; | |
| 577 background: var(--paper-button-flat-keyboard-focus_-_background); | |
| 578 } | |
| 579 | |
| 580 :host([disabled]) { | |
| 581 background: #eaeaea; | |
| 582 color: #a8a8a8; | |
| 583 cursor: auto; | |
| 584 pointer-events: none; | |
| 585 | |
| 586 ; | |
| 587 } | |
| 588 | |
| 589 :host([animated]) { | |
| 590 transition: var(--shadow-transition_-_transition); | |
| 591 } | |
| 592 | |
| 593 paper-ripple { | |
| 594 color: var(--paper-button-ink-color); | |
| 595 } | |
| 596 | |
| 597 </style> | |
| 598 | |
| 599 <content></content> | |
| 600 </template> | |
| 601 | |
| 602 </dom-module> | |
| 603 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> | |
| 604 <template strip-whitespace=""> | |
| 605 <style scope="paper-icon-button-light">:host { | |
| 606 vertical-align: middle; | |
| 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 | |
| 616 position: relative; | |
| 617 cursor: pointer; | |
| 618 | |
| 619 | |
| 620 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 621 -webkit-tap-highlight-color: transparent; | |
| 622 } | |
| 623 | |
| 624 :host([disabled]) { | |
| 625 color: #9b9b9b; | |
| 626 pointer-events: none; | |
| 627 cursor: auto; | |
| 628 } | |
| 629 | |
| 630 paper-ripple { | |
| 631 opacity: 0.6; | |
| 632 color: currentColor; | |
| 633 } | |
| 634 | |
| 635 </style> | |
| 636 <content></content> | |
| 637 </template> | |
| 638 </dom-module> | |
| 639 <style is="custom-style" css-build="shadow">html { | |
| 640 --google-red-100: #f4c7c3; | 276 --google-red-100: #f4c7c3; |
| 641 --google-red-300: #e67c73; | 277 --google-red-300: #e67c73; |
| 642 --google-red-500: #db4437; | 278 --google-red-500: #db4437; |
| 643 --google-red-700: #c53929; | 279 --google-red-700: #c53929; |
| 644 | 280 |
| 645 --google-blue-100: #c6dafc; | 281 --google-blue-100: #c6dafc; |
| 646 --google-blue-300: #7baaf7; | 282 --google-blue-300: #7baaf7; |
| 647 --google-blue-500: #4285f4; | 283 --google-blue-500: #4285f4; |
| 648 --google-blue-700: #3367d6; | 284 --google-blue-700: #3367d6; |
| 649 | 285 |
| (...skipping 394 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1044 --iron-icon-width: 100%; | 680 --iron-icon-width: 100%; |
| 1045 --iron-icon-height: 100%; | 681 --iron-icon-height: 100%; |
| 1046 } | 682 } |
| 1047 | 683 |
| 1048 </style> | 684 </style> |
| 1049 | 685 |
| 1050 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> | 686 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> |
| 1051 </template> | 687 </template> |
| 1052 | 688 |
| 1053 </dom-module> | 689 </dom-module> |
| 1054 <dom-module id="paper-tab" assetpath="chrome://resources/polymer/v1_0/paper-tabs
/" css-build="shadow"> | |
| 1055 <template> | |
| 1056 <style scope="paper-tab">:host { | |
| 1057 display: var(--layout-inline_-_display); | |
| 1058 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); | |
| 1059 -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-j
ustify-content: var(--layout-center-justified_-_-webkit-justify-content); justif
y-content: var(--layout-center-justified_-_justify-content); | |
| 1060 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout
-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | |
| 1061 | |
| 1062 position: relative; | |
| 1063 padding: 0 12px; | |
| 1064 overflow: hidden; | |
| 1065 cursor: pointer; | |
| 1066 vertical-align: middle; | |
| 1067 | |
| 1068 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s
moothing: var(--paper-font-common-base_-_-webkit-font-smoothing); | |
| 1069 ; | |
| 1070 } | |
| 1071 | |
| 1072 :host(:focus) { | |
| 1073 outline: none; | |
| 1074 } | |
| 1075 | |
| 1076 :host([link]) { | |
| 1077 padding: 0; | |
| 1078 } | |
| 1079 | |
| 1080 .tab-content { | |
| 1081 height: 100%; | |
| 1082 transform: translateZ(0); | |
| 1083 -webkit-transform: translateZ(0); | |
| 1084 transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1); | |
| 1085 display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--l
ayout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-hor
izontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_fle
x-direction); | |
| 1086 -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)
; | |
| 1087 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout
-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | |
| 1088 ; | |
| 1089 } | |
| 1090 | |
| 1091 :host(:not(.iron-selected)) > .tab-content { | |
| 1092 opacity: 0.8; | |
| 1093 | |
| 1094 ; | |
| 1095 } | |
| 1096 | |
| 1097 :host(:focus) .tab-content { | |
| 1098 opacity: 1; | |
| 1099 font-weight: 700; | |
| 1100 } | |
| 1101 | |
| 1102 paper-ripple { | |
| 1103 color: var(--paper-tab-ink,var(--paper-yellow-a100));; | |
| 1104 } | |
| 1105 | |
| 1106 .tab-content > ::content > a { | |
| 1107 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | |
| 1108 | |
| 1109 height: 100%; | |
| 1110 } | |
| 1111 | |
| 1112 </style> | |
| 1113 | |
| 1114 <div class="tab-content"> | |
| 1115 <content></content> | |
| 1116 </div> | |
| 1117 </template> | |
| 1118 | |
| 1119 </dom-module> | |
| 1120 <iron-iconset-svg name="paper-tabs" size="24"> | |
| 1121 <svg><defs> | |
| 1122 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> | |
| 1123 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> | |
| 1124 </defs></svg> | |
| 1125 </iron-iconset-svg> | |
| 1126 | |
| 1127 | |
| 1128 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> | |
| 1129 <template> | |
| 1130 <style scope="paper-tabs">:host { | |
| 1131 display: var(--layout_-_display); | |
| 1132 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); | |
| 1133 | |
| 1134 height: 48px; | |
| 1135 font-size: 14px; | |
| 1136 font-weight: 500; | |
| 1137 overflow: hidden; | |
| 1138 -moz-user-select: none; | |
| 1139 -ms-user-select: none; | |
| 1140 -webkit-user-select: none; | |
| 1141 user-select: none; | |
| 1142 | |
| 1143 | |
| 1144 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 1145 -webkit-tap-highlight-color: transparent; | |
| 1146 | |
| 1147 ; | |
| 1148 } | |
| 1149 | |
| 1150 :host-context([dir=rtl]) { | |
| 1151 display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(-
-layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--
layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layou
t-horizontal-reverse_-_flex-direction); | |
| 1152 } | |
| 1153 | |
| 1154 #tabsContainer { | |
| 1155 position: relative; | |
| 1156 height: 100%; | |
| 1157 white-space: nowrap; | |
| 1158 overflow: hidden; | |
| 1159 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout
-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | |
| 1160 } | |
| 1161 | |
| 1162 #tabsContent { | |
| 1163 height: 100%; | |
| 1164 -moz-flex-basis: auto; | |
| 1165 -ms-flex-basis: auto; | |
| 1166 flex-basis: auto; | |
| 1167 } | |
| 1168 | |
| 1169 #tabsContent.scrollable { | |
| 1170 position: absolute; | |
| 1171 white-space: nowrap; | |
| 1172 } | |
| 1173 | |
| 1174 #tabsContent:not(.scrollable), #tabsContent.scrollable.fit-container { | |
| 1175 display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-
horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizonta
l_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-dire
ction); | |
| 1176 } | |
| 1177 | |
| 1178 #tabsContent.scrollable.fit-container { | |
| 1179 min-width: 100%; | |
| 1180 } | |
| 1181 | |
| 1182 #tabsContent.scrollable.fit-container > ::content > * { | |
| 1183 -ms-flex: 1 0 auto; | |
| 1184 -webkit-flex: 1 0 auto; | |
| 1185 flex: 1 0 auto; | |
| 1186 } | |
| 1187 | |
| 1188 .hidden { | |
| 1189 display: none; | |
| 1190 } | |
| 1191 | |
| 1192 .not-visible { | |
| 1193 opacity: 0; | |
| 1194 cursor: default; | |
| 1195 } | |
| 1196 | |
| 1197 paper-icon-button { | |
| 1198 width: 48px; | |
| 1199 height: 48px; | |
| 1200 padding: 12px; | |
| 1201 margin: 0 4px; | |
| 1202 } | |
| 1203 | |
| 1204 #selectionBar { | |
| 1205 position: absolute; | |
| 1206 height: 2px; | |
| 1207 bottom: 0; | |
| 1208 left: 0; | |
| 1209 right: 0; | |
| 1210 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100));; | |
| 1211 -webkit-transform: scale(0); | |
| 1212 transform: scale(0); | |
| 1213 -webkit-transform-origin: left center; | |
| 1214 transform-origin: left center; | |
| 1215 transition: -webkit-transform; | |
| 1216 transition: transform; | |
| 1217 | |
| 1218 ; | |
| 1219 } | |
| 1220 | |
| 1221 #selectionBar.align-bottom { | |
| 1222 top: 0; | |
| 1223 bottom: auto; | |
| 1224 } | |
| 1225 | |
| 1226 #selectionBar.expand { | |
| 1227 transition-duration: 0.15s; | |
| 1228 transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); | |
| 1229 } | |
| 1230 | |
| 1231 #selectionBar.contract { | |
| 1232 transition-duration: 0.18s; | |
| 1233 transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); | |
| 1234 } | |
| 1235 | |
| 1236 #tabsContent > ::content > *:not(#selectionBar) { | |
| 1237 height: 100%; | |
| 1238 } | |
| 1239 | |
| 1240 </style> | |
| 1241 | |
| 1242 <paper-icon-button icon="paper-tabs:chevron-left" class$="[[_computeScrollBu
ttonClass(_leftHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonU
p" on-down="_onLeftScrollButtonDown" tabindex="-1"></paper-icon-button> | |
| 1243 | |
| 1244 <div id="tabsContainer" on-track="_scroll" on-down="_down"> | |
| 1245 <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable, fitCo
ntainer)]]"> | |
| 1246 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB
ottom)]]" on-transitionend="_onBarTransitionEnd"></div> | |
| 1247 <content select="*"></content> | |
| 1248 </div> | |
| 1249 </div> | |
| 1250 | |
| 1251 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB
uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto
nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> | |
| 1252 | |
| 1253 </template> | |
| 1254 | |
| 1255 </dom-module> | |
| 1256 <iron-iconset-svg name="cr" size="24"> | 690 <iron-iconset-svg name="cr" size="24"> |
| 1257 <svg> | 691 <svg> |
| 1258 <defs> | 692 <defs> |
| 1259 | 693 |
| 1260 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g> | 694 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g> |
| 1261 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g> | 695 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g> |
| 1262 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-
10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41
7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g> | 696 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-
10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41
7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g> |
| 1263 <if expr="chromeos"> | 697 <if expr="chromeos"> |
| 1264 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">
</path></g> | 698 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">
</path></g> |
| 1265 </if> | 699 </if> |
| (...skipping 1751 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3017 | 2451 |
| 3018 .website-title { | 2452 .website-title { |
| 3019 color: var(--primary-text-color); | 2453 color: var(--primary-text-color); |
| 3020 overflow: hidden; | 2454 overflow: hidden; |
| 3021 text-decoration: none; | 2455 text-decoration: none; |
| 3022 text-overflow: ellipsis; | 2456 text-overflow: ellipsis; |
| 3023 white-space: nowrap; | 2457 white-space: nowrap; |
| 3024 } | 2458 } |
| 3025 | 2459 |
| 3026 button.icon-button { | 2460 button.icon-button { |
| 3027 height: 36px; | 2461 background: none; |
| 2462 border: none; |
| 2463 height: 36px; |
| 2464 outline: none; |
| 3028 width: 36px; | 2465 width: 36px; |
| 3029 } | 2466 } |
| 3030 | 2467 |
| 3031 button.icon-button iron-icon { | 2468 button.icon-button iron-icon { |
| 3032 color: var(--secondary-text-color); | 2469 color: var(--secondary-text-color); |
| 3033 height: 20px; | 2470 height: 20px; |
| 3034 width: 20px; | 2471 width: 20px; |
| 3035 } | 2472 } |
| 3036 | 2473 |
| 3037 button.more-vert-button { | 2474 button.more-vert-button { |
| 3038 height: 36px; | 2475 height: 36px; |
| 3039 padding: 6px; | 2476 padding: 6px; |
| 3040 width: 36px; | 2477 width: 36px; |
| 3041 } | 2478 } |
| 3042 | 2479 |
| 3043 button.more-vert-button div { | 2480 button.more-vert-button div { |
| 3044 border: 2px solid var(--secondary-text-color); | 2481 border: 2px solid var(--secondary-text-color); |
| 3045 border-radius: 2px; | 2482 border-radius: 2px; |
| 3046 margin: 1px 10px; | 2483 margin: 1px 10px; |
| 3047 pointer-events: none; | 2484 pointer-events: none; |
| 3048 transform: scale(0.8); | 2485 transform: scale(0.8); |
| 3049 } | 2486 } |
| 3050 | 2487 |
| 3051 </style> | 2488 </style> |
| 3052 </template> | 2489 </template> |
| 3053 </dom-module> | 2490 </dom-module> |
| 2491 |
| 2492 |
| 3054 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow
"> | 2493 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow
"> |
| 3055 <template> | 2494 <template> |
| 3056 <style scope="history-toolbar">[hidden] { | 2495 <style scope="history-toolbar">[hidden] { |
| 3057 display: none !important; | 2496 display: none !important; |
| 3058 } | 2497 } |
| 3059 | 2498 |
| 3060 .card-title { | 2499 .card-title { |
| 3061 align-items: center; | 2500 align-items: center; |
| 3062 border-bottom: 1px solid var(--card-border-color); | 2501 border-bottom: 1px solid var(--card-border-color); |
| 3063 border-radius: 2px 2px 0 0; | 2502 border-radius: 2px 2px 0 0; |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3101 | 2540 |
| 3102 .website-title { | 2541 .website-title { |
| 3103 color: var(--primary-text-color); | 2542 color: var(--primary-text-color); |
| 3104 overflow: hidden; | 2543 overflow: hidden; |
| 3105 text-decoration: none; | 2544 text-decoration: none; |
| 3106 text-overflow: ellipsis; | 2545 text-overflow: ellipsis; |
| 3107 white-space: nowrap; | 2546 white-space: nowrap; |
| 3108 } | 2547 } |
| 3109 | 2548 |
| 3110 button.icon-button { | 2549 button.icon-button { |
| 3111 height: 36px; | 2550 background: none; |
| 2551 border: none; |
| 2552 height: 36px; |
| 2553 outline: none; |
| 3112 width: 36px; | 2554 width: 36px; |
| 3113 } | 2555 } |
| 3114 | 2556 |
| 3115 button.icon-button iron-icon { | 2557 button.icon-button iron-icon { |
| 3116 color: var(--secondary-text-color); | 2558 color: var(--secondary-text-color); |
| 3117 height: 20px; | 2559 height: 20px; |
| 3118 width: 20px; | 2560 width: 20px; |
| 3119 } | 2561 } |
| 3120 | 2562 |
| 3121 button.more-vert-button { | 2563 button.more-vert-button { |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3165 | 2607 |
| 3166 :host([has-drawer]) cr-toolbar { | 2608 :host([has-drawer]) cr-toolbar { |
| 3167 --cr-toolbar-field-margin: 0; | 2609 --cr-toolbar-field-margin: 0; |
| 3168 } | 2610 } |
| 3169 | 2611 |
| 3170 cr-toolbar .more-actions { | 2612 cr-toolbar .more-actions { |
| 3171 -webkit-margin-end: 12px; | 2613 -webkit-margin-end: 12px; |
| 3172 } | 2614 } |
| 3173 | 2615 |
| 3174 #info-button { | 2616 #info-button { |
| 3175 height: 32px; | 2617 background: none; |
| 2618 border: none; |
| 2619 color: inherit; |
| 2620 height: 32px; |
| 3176 margin: 6px; | 2621 margin: 6px; |
| 2622 outline: none; |
| 2623 padding: 0; |
| 3177 width: 32px; | 2624 width: 32px; |
| 3178 } | 2625 } |
| 3179 | 2626 |
| 3180 #info-button-icon { | 2627 #info-button-icon { |
| 3181 height: 20px; | 2628 height: 20px; |
| 3182 width: 20px; | 2629 width: 20px; |
| 3183 } | 2630 } |
| 3184 | 2631 |
| 3185 iron-dropdown { | 2632 iron-dropdown { |
| 3186 margin-top: 28px; | 2633 margin-top: 28px; |
| (...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3323 {{getHistoryInterval_(queryStartTime, queryEndTime)}} | 2770 {{getHistoryInterval_(queryStartTime, queryEndTime)}} |
| 3324 </span> | 2771 </span> |
| 3325 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title=
"$i18n{rangeToday}"></paper-icon-button> | 2772 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title=
"$i18n{rangeToday}"></paper-icon-button> |
| 3326 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou
s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button> | 2773 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou
s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button> |
| 3327 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl
e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button> | 2774 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl
e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button> |
| 3328 </div> | 2775 </div> |
| 3329 </div> | 2776 </div> |
| 3330 </template> | 2777 </template> |
| 3331 </template> | 2778 </template> |
| 3332 </dom-module> | 2779 </dom-module> |
| 3333 <dom-module id="cr-dialog" assetpath="chrome://resources/cr_elements/cr_dialog/"
css-build="shadow"> | |
| 3334 <template> | |
| 3335 <style scope="cr-dialog">:host { | |
| 3336 border: 0; | |
| 3337 border-radius: 2px; | |
| 3338 bottom: 0; | |
| 3339 color: inherit; | |
| 3340 padding: 0; | |
| 3341 top: 0; | |
| 3342 } | |
| 3343 | |
| 3344 :host::backdrop { | |
| 3345 background-color: rgba(0, 0, 0, 0.6); | |
| 3346 bottom: 0; | |
| 3347 left: 0; | |
| 3348 position: fixed; | |
| 3349 right: 0; | |
| 3350 top: 0; | |
| 3351 } | |
| 3352 | |
| 3353 .title-container { | |
| 3354 align-items: center; | |
| 3355 | |
| 3356 border-bottom: 1px solid rgba(0, 0, 0, 0.14); | |
| 3357 display: flex; | |
| 3358 min-height: 52px; | |
| 3359 } | |
| 3360 | |
| 3361 :host ::content .title { | |
| 3362 font-size: 123.07%; | |
| 3363 } | |
| 3364 | |
| 3365 #close { | |
| 3366 --paper-icon-button_-_height: 40px; --paper-icon-button_-_width: 40px;; | |
| 3367 -webkit-margin-end: 6px; | |
| 3368 | |
| 3369 padding: 10px; | |
| 3370 } | |
| 3371 | |
| 3372 .body-container { | |
| 3373 display: flex; | |
| 3374 flex-direction: column; | |
| 3375 max-width: 800px; | |
| 3376 min-width: 512px; | |
| 3377 | |
| 3378 overflow: auto; | |
| 3379 } | |
| 3380 | |
| 3381 :host ::content .body { | |
| 3382 padding-bottom: 12px; | |
| 3383 padding-top: 12px; | |
| 3384 } | |
| 3385 | |
| 3386 :host ::content .body, :host ::content .title { | |
| 3387 -webkit-padding-end: 24px; | |
| 3388 -webkit-padding-start: 24px; | |
| 3389 flex: 1; | |
| 3390 } | |
| 3391 | |
| 3392 :host ::content .button-container { | |
| 3393 -webkit-padding-end: 16px; | |
| 3394 -webkit-padding-start: 16px; | |
| 3395 display: flex; | |
| 3396 justify-content: flex-end; | |
| 3397 margin-bottom: 12px; | |
| 3398 margin-top: 12px; | |
| 3399 } | |
| 3400 | |
| 3401 :host ::content .button-container .cancel-button { | |
| 3402 -webkit-margin-end: 8px; | |
| 3403 color: var(--paper-grey-600); | |
| 3404 } | |
| 3405 | |
| 3406 :host ::content .footer { | |
| 3407 background-color: var(--paper-grey-200); | |
| 3408 border-bottom-left-radius: inherit; | |
| 3409 border-bottom-right-radius: inherit; | |
| 3410 margin: 0; | |
| 3411 padding: 12px 20px; | |
| 3412 } | |
| 3413 | |
| 3414 </style> | |
| 3415 <div class="title-container"> | |
| 3416 <content select=".title"></content> | |
| 3417 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> | |
| 3418 </paper-icon-button> | |
| 3419 </div> | |
| 3420 <div class="body-container"> | |
| 3421 <content select=".body"></content> | |
| 3422 </div> | |
| 3423 <content select=".button-container"></content> | |
| 3424 <content select=".footer"></content> | |
| 3425 </template> | |
| 3426 </dom-module> | |
| 3427 | |
| 3428 | |
| 3429 <link rel="import" href="chrome://resources/html/util.html"> | |
| 3430 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha
red_menu/" css-build="shadow"> | |
| 3431 <template> | |
| 3432 <style scope="cr-shared-menu">#menu { | |
| 3433 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 3434 background-color: white; | |
| 3435 overflow: hidden; | |
| 3436 padding: 8px 0; | |
| 3437 position: relative; | |
| 3438 } | |
| 3439 | |
| 3440 </style> | |
| 3441 <iron-dropdown id="dropdown" allow-outside-scroll="" restore-focus-on-close=
"" vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" open-ani
mation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimation
Config]]"> | |
| 3442 <div id="menu" class="dropdown-content" role="menu"> | |
| 3443 <content></content> | |
| 3444 </div> | |
| 3445 </iron-dropdown> | |
| 3446 </template> | |
| 3447 </dom-module> | |
| 3448 | 2780 |
| 3449 <style is="custom-style" css-build="shadow">html { | 2781 <style is="custom-style" css-build="shadow">html { |
| 3450 --cr-actionable_-_cursor: pointer;; | 2782 --cr-actionable_-_cursor: pointer;; |
| 3451 --cr-focused-item-color: var(--google-grey-300); | 2783 --cr-focused-item-color: var(--google-grey-300); |
| 3452 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c
r-selectable-focus_-_outline: none; | 2784 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c
r-selectable-focus_-_outline: none; |
| 3453 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); | 2785 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); |
| 3454 --paper-checkbox-ink-size: 40px; | 2786 --paper-checkbox-ink-size: 40px; |
| 3455 } | 2787 } |
| 3456 | 2788 |
| 3457 </style> | 2789 </style> |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3517 | 2849 |
| 3518 [selectable] > * { | 2850 [selectable] > * { |
| 3519 cursor: var(--cr-actionable_-_cursor); | 2851 cursor: var(--cr-actionable_-_cursor); |
| 3520 } | 2852 } |
| 3521 | 2853 |
| 3522 </style> | 2854 </style> |
| 3523 </template> | 2855 </template> |
| 3524 </dom-module> | 2856 </dom-module> |
| 3525 | 2857 |
| 3526 | 2858 |
| 3527 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/" css-build="shadow"> | 2859 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
" css-build="shadow"> |
| 3528 <template> | 2860 <template> |
| 3529 <style scope="paper-item-shared-styles">:host, .paper-item { | 2861 <style scope="iron-list">:host { |
| 3530 display: block; | 2862 display: block; |
| 3531 position: relative; | 2863 position: relative; |
| 3532 min-height: var(--paper-item-min-height, 48px); | |
| 3533 padding: 0px 16px; | |
| 3534 } | 2864 } |
| 3535 | 2865 |
| 3536 .paper-item { | 2866 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 3537 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing:
var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-
subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line
-height: var(--paper-font-subhead_-_line-height); | 2867 :host { |
| 3538 border:none; | 2868 will-change: transform; |
| 3539 outline: none; | |
| 3540 background: white; | |
| 3541 width: 100%; | |
| 3542 text-align: left; | |
| 3543 } | 2869 } |
| 3544 | 2870 |
| 3545 :host([hidden]), .paper-item[hidden] { | |
| 3546 display: none !important; | |
| 3547 } | 2871 } |
| 3548 | 2872 |
| 3549 :host(.iron-selected), .paper-item.iron-selected { | 2873 #items { |
| 3550 font-weight: var(--paper-item-selected-weight, bold); | 2874 ; |
| 3551 | 2875 position: relative; |
| 3552 ; | |
| 3553 } | 2876 } |
| 3554 | 2877 |
| 3555 :host([disabled]), .paper-item[disabled] { | 2878 :host(:not([grid])) #items > ::content > * { |
| 3556 color: var(--paper-item-disabled-color,var(--disabled-text-color));; | 2879 width: 100%; |
| 3557 | |
| 3558 ; | |
| 3559 } | 2880 } |
| 3560 | 2881 |
| 3561 :host(:focus), .paper-item:focus { | 2882 #items > ::content > * { |
| 3562 position: relative; | 2883 box-sizing: border-box; |
| 3563 outline: 0; | 2884 margin: 0; |
| 3564 | 2885 position: absolute; |
| 3565 ; | 2886 top: 0; |
| 3566 } | 2887 will-change: transform; |
| 3567 | |
| 3568 :host(:focus):before, .paper-item:focus:before { | |
| 3569 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | |
| 3570 | |
| 3571 background: currentColor; | |
| 3572 content: ''; | |
| 3573 opacity: var(--dark-divider-opacity); | |
| 3574 pointer-events: none; | |
| 3575 | |
| 3576 ; | |
| 3577 } | |
| 3578 | |
| 3579 </style> | |
| 3580 </template> | |
| 3581 </dom-module> | |
| 3582 | |
| 3583 | |
| 3584 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> | |
| 3585 <template> | |
| 3586 | |
| 3587 <style scope="paper-item">:host, .paper-item { | |
| 3588 display: block; | |
| 3589 position: relative; | |
| 3590 min-height: var(--paper-item-min-height, 48px); | |
| 3591 padding: 0px 16px; | |
| 3592 } | |
| 3593 | |
| 3594 .paper-item { | |
| 3595 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing:
var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-
subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line
-height: var(--paper-font-subhead_-_line-height); | |
| 3596 border:none; | |
| 3597 outline: none; | |
| 3598 background: white; | |
| 3599 width: 100%; | |
| 3600 text-align: left; | |
| 3601 } | |
| 3602 | |
| 3603 :host([hidden]), .paper-item[hidden] { | |
| 3604 display: none !important; | |
| 3605 } | |
| 3606 | |
| 3607 :host(.iron-selected), .paper-item.iron-selected { | |
| 3608 font-weight: var(--paper-item-selected-weight, bold); | |
| 3609 | |
| 3610 ; | |
| 3611 } | |
| 3612 | |
| 3613 :host([disabled]), .paper-item[disabled] { | |
| 3614 color: var(--paper-item-disabled-color,var(--disabled-text-color));; | |
| 3615 | |
| 3616 ; | |
| 3617 } | |
| 3618 | |
| 3619 :host(:focus), .paper-item:focus { | |
| 3620 position: relative; | |
| 3621 outline: 0; | |
| 3622 | |
| 3623 ; | |
| 3624 } | |
| 3625 | |
| 3626 :host(:focus):before, .paper-item:focus:before { | |
| 3627 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | |
| 3628 | |
| 3629 background: currentColor; | |
| 3630 content: ''; | |
| 3631 opacity: var(--dark-divider-opacity); | |
| 3632 pointer-events: none; | |
| 3633 | |
| 3634 ; | |
| 3635 } | |
| 3636 | |
| 3637 :host { | |
| 3638 display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-
horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizonta
l_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-dire
ction); | |
| 3639 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); | |
| 3640 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoot
hing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper
-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight)
; line-height: var(--paper-font-subhead_-_line-height); | |
| 3641 | |
| 3642 ; | |
| 3643 } | 2888 } |
| 3644 | 2889 |
| 3645 </style> | 2890 </style> |
| 3646 | 2891 |
| 3647 <content></content> | 2892 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> |
| 2893 </array-selector> |
| 2894 |
| 2895 <div id="items"> |
| 2896 <content></content> |
| 2897 </div> |
| 2898 |
| 3648 </template> | 2899 </template> |
| 2900 </dom-module> |
| 3649 | 2901 |
| 3650 </dom-module> | 2902 <dom-module id="iron-scroll-threshold" assetpath="chrome://resources/polymer/v1_
0/iron-scroll-threshold/" css-build="shadow"> |
| 3651 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c
ollapse/" css-build="shadow"> | |
| 3652 | |
| 3653 <template> | 2903 <template> |
| 3654 | 2904 <style scope="iron-scroll-threshold">:host { |
| 3655 <style scope="iron-collapse">:host { | |
| 3656 display: block; | 2905 display: block; |
| 3657 transition-duration: var(--iron-collapse-transition-duration, 300ms); | |
| 3658 overflow: visible; | |
| 3659 } | |
| 3660 | |
| 3661 :host(.iron-collapse-closed) { | |
| 3662 display: none; | |
| 3663 } | |
| 3664 | |
| 3665 :host(:not(.iron-collapse-opened)) { | |
| 3666 overflow: hidden; | |
| 3667 } | 2906 } |
| 3668 | 2907 |
| 3669 </style> | 2908 </style> |
| 3670 | 2909 |
| 3671 <content></content> | 2910 <content></content> |
| 3672 | 2911 |
| 3673 </template> | 2912 </template> |
| 3674 | |
| 3675 </dom-module> | 2913 </dom-module> |
| 3676 | 2914 |
| 2915 <style is="custom-style" css-build="shadow">html { |
| 2916 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2,
1);; |
| 2917 |
| 2918 --shadow-none_-_box-shadow: none;; |
| 2919 |
| 2920 |
| 2921 |
| 2922 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), |
| 2923 0 1px 5px 0 rgba(0, 0, 0, 0.12), |
| 2924 0 3px 1px -2px rgba(0, 0, 0, 0.2);; |
| 2925 |
| 2926 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), |
| 2927 0 1px 8px 0 rgba(0, 0, 0, 0.12), |
| 2928 0 3px 3px -2px rgba(0, 0, 0, 0.4);; |
| 2929 |
| 2930 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), |
| 2931 0 1px 10px 0 rgba(0, 0, 0, 0.12), |
| 2932 0 2px 4px -1px rgba(0, 0, 0, 0.4);; |
| 2933 |
| 2934 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), |
| 2935 0 1px 18px 0 rgba(0, 0, 0, 0.12), |
| 2936 0 3px 5px -1px rgba(0, 0, 0, 0.4);; |
| 2937 |
| 2938 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), |
| 2939 0 3px 14px 2px rgba(0, 0, 0, 0.12), |
| 2940 0 5px 5px -3px rgba(0, 0, 0, 0.4);; |
| 2941 |
| 2942 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), |
| 2943 0 4px 22px 3px rgba(0, 0, 0, 0.12), |
| 2944 0 6px 7px -4px rgba(0, 0, 0, 0.4);; |
| 2945 |
| 2946 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), |
| 2947 0 6px 30px 5px rgba(0, 0, 0, 0.12), |
| 2948 0 8px 10px -5px rgba(0, 0, 0, 0.4);; |
| 2949 } |
| 2950 |
| 2951 </style> |
| 2952 <link rel="import" href="chrome://resources/html/util.html"> |
| 3677 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> | 2953 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build=
"shadow"> |
| 3678 </dom-module> | 2954 </dom-module> |
| 2955 |
| 2956 |
| 3679 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> | 2957 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> |
| 3680 <template> | 2958 <template> |
| 3681 <style scope="history-item">[hidden] { | 2959 <style scope="history-item">[hidden] { |
| 3682 display: none !important; | 2960 display: none !important; |
| 3683 } | 2961 } |
| 3684 | 2962 |
| 3685 .card-title { | 2963 .card-title { |
| 3686 align-items: center; | 2964 align-items: center; |
| 3687 border-bottom: 1px solid var(--card-border-color); | 2965 border-bottom: 1px solid var(--card-border-color); |
| 3688 border-radius: 2px 2px 0 0; | 2966 border-radius: 2px 2px 0 0; |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3726 | 3004 |
| 3727 .website-title { | 3005 .website-title { |
| 3728 color: var(--primary-text-color); | 3006 color: var(--primary-text-color); |
| 3729 overflow: hidden; | 3007 overflow: hidden; |
| 3730 text-decoration: none; | 3008 text-decoration: none; |
| 3731 text-overflow: ellipsis; | 3009 text-overflow: ellipsis; |
| 3732 white-space: nowrap; | 3010 white-space: nowrap; |
| 3733 } | 3011 } |
| 3734 | 3012 |
| 3735 button.icon-button { | 3013 button.icon-button { |
| 3736 height: 36px; | 3014 background: none; |
| 3015 border: none; |
| 3016 height: 36px; |
| 3017 outline: none; |
| 3737 width: 36px; | 3018 width: 36px; |
| 3738 } | 3019 } |
| 3739 | 3020 |
| 3740 button.icon-button iron-icon { | 3021 button.icon-button iron-icon { |
| 3741 color: var(--secondary-text-color); | 3022 color: var(--secondary-text-color); |
| 3742 height: 20px; | 3023 height: 20px; |
| 3743 width: 20px; | 3024 width: 20px; |
| 3744 } | 3025 } |
| 3745 | 3026 |
| 3746 button.more-vert-button { | 3027 button.more-vert-button { |
| 3747 height: 36px; | 3028 height: 36px; |
| 3748 padding: 6px; | 3029 padding: 6px; |
| 3749 width: 36px; | 3030 width: 36px; |
| 3750 } | 3031 } |
| 3751 | 3032 |
| 3752 button.more-vert-button div { | 3033 button.more-vert-button div { |
| 3753 border: 2px solid var(--secondary-text-color); | 3034 border: 2px solid var(--secondary-text-color); |
| 3754 border-radius: 2px; | 3035 border-radius: 2px; |
| 3755 margin: 1px 10px; | 3036 margin: 1px 10px; |
| 3756 pointer-events: none; | 3037 pointer-events: none; |
| 3757 transform: scale(0.8); | 3038 transform: scale(0.8); |
| 3758 } | 3039 } |
| 3759 | 3040 |
| 3760 :host { | 3041 :host { |
| 3761 --checked-color: rgb(68, 136, 255); | 3042 --checked-color: rgb(68, 136, 255); |
| 3762 display: block; | 3043 display: block; |
| 3763 outline: none; | 3044 outline: none; |
| 3764 } | 3045 } |
| 3765 | 3046 |
| 3047 button { |
| 3048 background: none; |
| 3049 border: none; |
| 3050 outline: none; |
| 3051 padding: 0; |
| 3052 } |
| 3053 |
| 3766 :host(:not([embedded])) #main-container { | 3054 :host(:not([embedded])) #main-container { |
| 3767 position: relative; | 3055 position: relative; |
| 3768 } | 3056 } |
| 3769 | 3057 |
| 3770 :host(:not([embedded])) #sizing-container { | 3058 :host(:not([embedded])) #sizing-container { |
| 3771 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); | 3059 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); |
| 3772 } | 3060 } |
| 3773 | 3061 |
| 3774 :host([is-card-end]) #main-container { | 3062 :host([is-card-end]) #main-container { |
| 3775 margin-bottom: var(--card-padding-between); | 3063 margin-bottom: var(--card-padding-between); |
| (...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3972 <div></div> | 3260 <div></div> |
| 3973 <div></div> | 3261 <div></div> |
| 3974 <div></div> | 3262 <div></div> |
| 3975 </button> | 3263 </button> |
| 3976 </div> | 3264 </div> |
| 3977 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div> | 3265 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div> |
| 3978 </div> | 3266 </div> |
| 3979 </div> | 3267 </div> |
| 3980 </template> | 3268 </template> |
| 3981 </dom-module> | 3269 </dom-module> |
| 3982 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s
hadow"> | |
| 3983 <template> | |
| 3984 <style scope="history-grouped-list">[hidden] { | |
| 3985 display: none !important; | |
| 3986 } | |
| 3987 | |
| 3988 .card-title { | |
| 3989 align-items: center; | |
| 3990 border-bottom: 1px solid var(--card-border-color); | |
| 3991 border-radius: 2px 2px 0 0; | |
| 3992 color: var(--primary-text-color); | |
| 3993 display: flex; | |
| 3994 font-size: 14px; | |
| 3995 font-weight: 500; | |
| 3996 height: 48px; | |
| 3997 line-height: 48px; | |
| 3998 overflow: hidden; | |
| 3999 padding: 0 20px; | |
| 4000 text-overflow: ellipsis; | |
| 4001 white-space: nowrap; | |
| 4002 } | |
| 4003 | |
| 4004 .centered-message { | |
| 4005 align-items: center; | |
| 4006 color: #b4b4b4; | |
| 4007 display: flex; | |
| 4008 flex: 1; | |
| 4009 font-size: 14px; | |
| 4010 font-weight: 500; | |
| 4011 height: 100%; | |
| 4012 justify-content: center; | |
| 4013 } | |
| 4014 | |
| 4015 .menu-item { | |
| 4016 -webkit-user-select: none; | |
| 4017 cursor: pointer; | |
| 4018 font: inherit; | |
| 4019 white-space: nowrap; | |
| 4020 } | |
| 4021 | |
| 4022 .website-icon { | |
| 4023 -webkit-margin-end: 16px; | |
| 4024 background-repeat: no-repeat; | |
| 4025 background-size: 16px; | |
| 4026 height: 16px; | |
| 4027 width: 16px; | |
| 4028 } | |
| 4029 | |
| 4030 .website-title { | |
| 4031 color: var(--primary-text-color); | |
| 4032 overflow: hidden; | |
| 4033 text-decoration: none; | |
| 4034 text-overflow: ellipsis; | |
| 4035 white-space: nowrap; | |
| 4036 } | |
| 4037 | |
| 4038 button.icon-button { | |
| 4039 height: 36px; | |
| 4040 width: 36px; | |
| 4041 } | |
| 4042 | |
| 4043 button.icon-button iron-icon { | |
| 4044 color: var(--secondary-text-color); | |
| 4045 height: 20px; | |
| 4046 width: 20px; | |
| 4047 } | |
| 4048 | |
| 4049 button.more-vert-button { | |
| 4050 height: 36px; | |
| 4051 padding: 6px; | |
| 4052 width: 36px; | |
| 4053 } | |
| 4054 | |
| 4055 button.more-vert-button div { | |
| 4056 border: 2px solid var(--secondary-text-color); | |
| 4057 border-radius: 2px; | |
| 4058 margin: 1px 10px; | |
| 4059 pointer-events: none; | |
| 4060 transform: scale(0.8); | |
| 4061 } | |
| 4062 | |
| 4063 :host { | |
| 4064 display: block; | |
| 4065 overflow: auto; | |
| 4066 position: relative; | |
| 4067 } | |
| 4068 | |
| 4069 #main-container { | |
| 4070 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); | |
| 4071 align-items: center; | |
| 4072 display: flex; | |
| 4073 flex-direction: column; | |
| 4074 padding-top: var(--first-card-padding-top); | |
| 4075 } | |
| 4076 | |
| 4077 .domain-heading { | |
| 4078 align-items: center; | |
| 4079 display: flex; | |
| 4080 height: var(--item-height); | |
| 4081 padding: 0 20px; | |
| 4082 } | |
| 4083 | |
| 4084 .domain-count { | |
| 4085 color: rgb(151, 156, 160); | |
| 4086 padding-left: 10px; | |
| 4087 } | |
| 4088 | |
| 4089 .domain-heading-text { | |
| 4090 display: flex; | |
| 4091 } | |
| 4092 | |
| 4093 .group-container { | |
| 4094 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 4095 background: #fff; | |
| 4096 border-radius: 2px; | |
| 4097 margin-bottom: var(--card-padding-between); | |
| 4098 max-width: var(--card-max-width); | |
| 4099 min-width: var(--card-min-width); | |
| 4100 width: 100%; | |
| 4101 } | |
| 4102 | |
| 4103 .card-title { | |
| 4104 margin-bottom: var(--card-first-last-item-padding); | |
| 4105 } | |
| 4106 | |
| 4107 .domain-heading-text { | |
| 4108 flex: 1 1 0; | |
| 4109 } | |
| 4110 | |
| 4111 .dropdown-indicator { | |
| 4112 max-width: 16px; | |
| 4113 } | |
| 4114 | |
| 4115 history-item { | |
| 4116 padding-left: 20px; | |
| 4117 } | |
| 4118 | |
| 4119 </style> | |
| 4120 <div id="no-results" class="centered-message" hidden$="[[hasResults(groupedH
istoryData_.length)]]"> | |
| 4121 [[noResultsMessage(searchedTerm, querying)]] | |
| 4122 </div> | |
| 4123 <div id="main-container" hidden$="[[!hasResults(groupedHistoryData_.length)]
]"> | |
| 4124 <template is="dom-repeat" items="[[groupedHistoryData_]]" as="group" initi
al-count="1" index-as="groupIndex"> | |
| 4125 <div class="group-container"> | |
| 4126 <div class="card-title"> | |
| 4127 [[group.title]] | |
| 4128 </div> | |
| 4129 | |
| 4130 <template is="dom-repeat" items="[[group.domains]]" as="domain" initia
l-count="10" index-as="domainIndex"> | |
| 4131 <div> | |
| 4132 <div class="domain-heading" on-tap="toggleDomainExpanded_"> | |
| 4133 <div class="domain-heading-text"> | |
| 4134 <div class="website-icon" style="[[getWebsiteIconStyle_(domain
)]]"></div> | |
| 4135 <span>[[domain.domain]]</span> | |
| 4136 <span class="domain-count">[[domain.visits.length]]</span> | |
| 4137 </div> | |
| 4138 <iron-icon icon="[[getDropdownIcon_(domain.expanded)]]" class="d
ropdown-indicator"></iron-icon> | |
| 4139 </div> | |
| 4140 <iron-collapse opened="{{domain.expanded}}" id="collapse"> | |
| 4141 <template is="dom-if" if="[[domain.rendered]]"> | |
| 4142 <template is="dom-repeat" items="[[domain.visits]]" as="item"
initial-count="5" index-as="itemIndex"> | |
| 4143 <history-item item="[[item]]" selected="{{item.selected}}" h
as-time-gap="[[needsTimeGap_( | |
| 4144 groupIndex, domainIndex, itemIndex)]]" search-term="
[[searchedTerm]]" number-of-items="[[historyData.length]]" path="[[pathForItem_( | |
| 4145 groupIndex, domainIndex, itemIndex)]]" embedded=""> | |
| 4146 </history-item> | |
| 4147 </template> | |
| 4148 </template> | |
| 4149 </iron-collapse> | |
| 4150 </div> | |
| 4151 </template> | |
| 4152 </div> | |
| 4153 </template> | |
| 4154 </div> | |
| 4155 </template> | |
| 4156 </dom-module> | |
| 4157 | |
| 4158 | |
| 4159 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
" css-build="shadow"> | |
| 4160 <template> | |
| 4161 <style scope="iron-list">:host { | |
| 4162 display: block; | |
| 4163 position: relative; | |
| 4164 } | |
| 4165 | |
| 4166 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | |
| 4167 :host { | |
| 4168 will-change: transform; | |
| 4169 } | |
| 4170 | |
| 4171 } | |
| 4172 | |
| 4173 #items { | |
| 4174 ; | |
| 4175 position: relative; | |
| 4176 } | |
| 4177 | |
| 4178 :host(:not([grid])) #items > ::content > * { | |
| 4179 width: 100%; | |
| 4180 } | |
| 4181 | |
| 4182 #items > ::content > * { | |
| 4183 box-sizing: border-box; | |
| 4184 margin: 0; | |
| 4185 position: absolute; | |
| 4186 top: 0; | |
| 4187 will-change: transform; | |
| 4188 } | |
| 4189 | |
| 4190 </style> | |
| 4191 | |
| 4192 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> | |
| 4193 </array-selector> | |
| 4194 | |
| 4195 <div id="items"> | |
| 4196 <content></content> | |
| 4197 </div> | |
| 4198 | |
| 4199 </template> | |
| 4200 </dom-module> | |
| 4201 | |
| 4202 <dom-module id="iron-scroll-threshold" assetpath="chrome://resources/polymer/v1_
0/iron-scroll-threshold/" css-build="shadow"> | |
| 4203 <template> | |
| 4204 <style scope="iron-scroll-threshold">:host { | |
| 4205 display: block; | |
| 4206 } | |
| 4207 | |
| 4208 </style> | |
| 4209 | |
| 4210 <content></content> | |
| 4211 | |
| 4212 </template> | |
| 4213 </dom-module> | |
| 4214 | |
| 4215 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow"> | 3270 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow"> |
| 4216 <template> | 3271 <template> |
| 4217 <style scope="history-list">[hidden] { | 3272 <style scope="history-list">[hidden] { |
| 4218 display: none !important; | 3273 display: none !important; |
| 4219 } | 3274 } |
| 4220 | 3275 |
| 4221 .card-title { | |
| 4222 align-items: center; | |
| 4223 border-bottom: 1px solid var(--card-border-color); | |
| 4224 border-radius: 2px 2px 0 0; | |
| 4225 color: var(--primary-text-color); | |
| 4226 display: flex; | |
| 4227 font-size: 14px; | |
| 4228 font-weight: 500; | |
| 4229 height: 48px; | |
| 4230 line-height: 48px; | |
| 4231 overflow: hidden; | |
| 4232 padding: 0 20px; | |
| 4233 text-overflow: ellipsis; | |
| 4234 white-space: nowrap; | |
| 4235 } | |
| 4236 | |
| 4237 .centered-message { | |
| 4238 align-items: center; | |
| 4239 color: #b4b4b4; | |
| 4240 display: flex; | |
| 4241 flex: 1; | |
| 4242 font-size: 14px; | |
| 4243 font-weight: 500; | |
| 4244 height: 100%; | |
| 4245 justify-content: center; | |
| 4246 } | |
| 4247 | |
| 4248 .menu-item { | |
| 4249 -webkit-user-select: none; | |
| 4250 cursor: pointer; | |
| 4251 font: inherit; | |
| 4252 white-space: nowrap; | |
| 4253 } | |
| 4254 | |
| 4255 .website-icon { | |
| 4256 -webkit-margin-end: 16px; | |
| 4257 background-repeat: no-repeat; | |
| 4258 background-size: 16px; | |
| 4259 height: 16px; | |
| 4260 width: 16px; | |
| 4261 } | |
| 4262 | |
| 4263 .website-title { | |
| 4264 color: var(--primary-text-color); | |
| 4265 overflow: hidden; | |
| 4266 text-decoration: none; | |
| 4267 text-overflow: ellipsis; | |
| 4268 white-space: nowrap; | |
| 4269 } | |
| 4270 | |
| 4271 button.icon-button { | |
| 4272 height: 36px; | |
| 4273 width: 36px; | |
| 4274 } | |
| 4275 | |
| 4276 button.icon-button iron-icon { | |
| 4277 color: var(--secondary-text-color); | |
| 4278 height: 20px; | |
| 4279 width: 20px; | |
| 4280 } | |
| 4281 | |
| 4282 button.more-vert-button { | |
| 4283 height: 36px; | |
| 4284 padding: 6px; | |
| 4285 width: 36px; | |
| 4286 } | |
| 4287 | |
| 4288 button.more-vert-button div { | |
| 4289 border: 2px solid var(--secondary-text-color); | |
| 4290 border-radius: 2px; | |
| 4291 margin: 1px 10px; | |
| 4292 pointer-events: none; | |
| 4293 transform: scale(0.8); | |
| 4294 } | |
| 4295 | |
| 4296 :host { | |
| 4297 box-sizing: border-box; | |
| 4298 display: block; | |
| 4299 overflow: auto; | |
| 4300 padding-top: var(--first-card-padding-top); | |
| 4301 } | |
| 4302 | |
| 4303 history-item { | |
| 4304 --history-item-padding-side: var(--card-padding-side); | |
| 4305 } | |
| 4306 | |
| 4307 </style> | |
| 4308 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD
ata_.length)]]"> | |
| 4309 {{noResultsMessage(searchedTerm, querying)}} | |
| 4310 </div> | |
| 4311 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[
!hasResults(historyData_.length)]]"> | |
| 4312 <template> | |
| 4313 <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_}}"> | |
| 4314 </history-item> | |
| 4315 </template> | |
| 4316 </iron-list> | |
| 4317 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l
ower-threshold="500" on-lower-threshold="loadMoreData_"> | |
| 4318 </iron-scroll-threshold> | |
| 4319 </template> | |
| 4320 </dom-module> | |
| 4321 <dom-module id="history-list-container" assetpath="chrome://history/" css-build=
"shadow"> | |
| 4322 <template> | |
| 4323 <style scope="history-list-container">[hidden] { | |
| 4324 display: none !important; | |
| 4325 } | |
| 4326 | |
| 4327 .card-title { | |
| 4328 align-items: center; | |
| 4329 border-bottom: 1px solid var(--card-border-color); | |
| 4330 border-radius: 2px 2px 0 0; | |
| 4331 color: var(--primary-text-color); | |
| 4332 display: flex; | |
| 4333 font-size: 14px; | |
| 4334 font-weight: 500; | |
| 4335 height: 48px; | |
| 4336 line-height: 48px; | |
| 4337 overflow: hidden; | |
| 4338 padding: 0 20px; | |
| 4339 text-overflow: ellipsis; | |
| 4340 white-space: nowrap; | |
| 4341 } | |
| 4342 | |
| 4343 .centered-message { | |
| 4344 align-items: center; | |
| 4345 color: #b4b4b4; | |
| 4346 display: flex; | |
| 4347 flex: 1; | |
| 4348 font-size: 14px; | |
| 4349 font-weight: 500; | |
| 4350 height: 100%; | |
| 4351 justify-content: center; | |
| 4352 } | |
| 4353 | |
| 4354 .menu-item { | |
| 4355 -webkit-user-select: none; | |
| 4356 cursor: pointer; | |
| 4357 font: inherit; | |
| 4358 white-space: nowrap; | |
| 4359 } | |
| 4360 | |
| 4361 .website-icon { | |
| 4362 -webkit-margin-end: 16px; | |
| 4363 background-repeat: no-repeat; | |
| 4364 background-size: 16px; | |
| 4365 height: 16px; | |
| 4366 width: 16px; | |
| 4367 } | |
| 4368 | |
| 4369 .website-title { | |
| 4370 color: var(--primary-text-color); | |
| 4371 overflow: hidden; | |
| 4372 text-decoration: none; | |
| 4373 text-overflow: ellipsis; | |
| 4374 white-space: nowrap; | |
| 4375 } | |
| 4376 | |
| 4377 button.icon-button { | |
| 4378 height: 36px; | |
| 4379 width: 36px; | |
| 4380 } | |
| 4381 | |
| 4382 button.icon-button iron-icon { | |
| 4383 color: var(--secondary-text-color); | |
| 4384 height: 20px; | |
| 4385 width: 20px; | |
| 4386 } | |
| 4387 | |
| 4388 button.more-vert-button { | |
| 4389 height: 36px; | |
| 4390 padding: 6px; | |
| 4391 width: 36px; | |
| 4392 } | |
| 4393 | |
| 4394 button.more-vert-button div { | |
| 4395 border: 2px solid var(--secondary-text-color); | |
| 4396 border-radius: 2px; | |
| 4397 margin: 1px 10px; | |
| 4398 pointer-events: none; | |
| 4399 transform: scale(0.8); | |
| 4400 } | |
| 4401 | |
| 4402 paper-spinner { | |
| 4403 --paper-spinner-layer-1-color: var(--google-blue-500); | |
| 4404 --paper-spinner-layer-2-color: var(--google-blue-500); | |
| 4405 --paper-spinner-layer-3-color: var(--google-blue-500); | |
| 4406 --paper-spinner-layer-4-color: var(--google-blue-500); | |
| 4407 } | |
| 4408 | |
| 4409 .action-button { | |
| 4410 background: var(--google-blue-500); | |
| 4411 color: white; | |
| 4412 --paper-button-flat-keyboard-focus_-_background: rgb(58, 117, 215);; | |
| 4413 } | |
| 4414 | |
| 4415 .action-button[disabled] { | |
| 4416 opacity: .25; | |
| 4417 } | |
| 4418 | |
| 4419 .cancel-button { | |
| 4420 --paper-button-flat-keyboard-focus_-_background: rgba(0, 0, 0, .12);; | |
| 4421 } | |
| 4422 | |
| 4423 .action-button, .cancel-button { | |
| 4424 font-weight: 500; | |
| 4425 } | |
| 4426 | |
| 4427 [actionable] { | |
| 4428 cursor: var(--cr-actionable_-_cursor); | |
| 4429 } | |
| 4430 | |
| 4431 [scrollable] { | |
| 4432 border-color: transparent; | |
| 4433 border-style: solid; | |
| 4434 border-width: 1px 0; | |
| 4435 overflow-y: auto; | |
| 4436 } | |
| 4437 | |
| 4438 [scrollable].is-scrolled { | |
| 4439 border-top-color: var(--google-grey-300); | |
| 4440 } | |
| 4441 | |
| 4442 [scrollable].can-scroll:not(.scrolled-to-bottom) { | |
| 4443 border-bottom-color: var(--google-grey-300); | |
| 4444 } | |
| 4445 | |
| 4446 [scrollable] :focus { | |
| 4447 ; | |
| 4448 background-color: var(--cr-selectable-focus_-_background-color); outline
: var(--cr-selectable-focus_-_outline); | |
| 4449 } | |
| 4450 | |
| 4451 [scrollable] iron-list > * { | |
| 4452 cursor: var(--cr-actionable_-_cursor); | |
| 4453 } | |
| 4454 | |
| 4455 [selectable]:focus, [selectable] > :focus { | |
| 4456 background-color: var(--cr-selectable-focus_-_background-color); outline: var(
--cr-selectable-focus_-_outline); | |
| 4457 } | |
| 4458 | |
| 4459 [selectable] > * { | |
| 4460 cursor: var(--cr-actionable_-_cursor); | |
| 4461 } | |
| 4462 | |
| 4463 :host { | |
| 4464 display: block; | |
| 4465 height: 100%; | |
| 4466 overflow: hidden; | |
| 4467 } | |
| 4468 | |
| 4469 #content, #content > * { | |
| 4470 height: 100%; | |
| 4471 } | |
| 4472 | |
| 4473 dialog .body { | |
| 4474 white-space: pre-wrap; | |
| 4475 } | |
| 4476 | |
| 4477 </style> | |
| 4478 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]"
> | |
| 4479 <history-list id="infinite-list" querying="[[queryState.querying]]" search
ed-term="[[queryResult.info.term]]"></history-list> | |
| 4480 <template is="dom-if" if="[[grouped]]"> | |
| 4481 <history-grouped-list id="grouped-list" range="[[groupedRange]]" query-s
tart-time="[[queryResult.info.queryStartTime]]" query-end-time="[[queryResult.in
fo.queryEndTime]]" searched-term="[[queryResult.info.term]]"> | |
| 4482 </history-grouped-list> | |
| 4483 </template> | |
| 4484 </iron-pages> | |
| 4485 | |
| 4486 <template is="cr-lazy-render" id="dialog"> | |
| 4487 <dialog is="cr-dialog"> | |
| 4488 <div class="title">$i18n{removeSelected}</div> | |
| 4489 <div class="body">$i18n{deleteWarning}</div> | |
| 4490 <div class="button-container"> | |
| 4491 <paper-button class="cancel-button" on-tap="onDialogCancelTap_"> | |
| 4492 $i18n{cancel} | |
| 4493 </paper-button> | |
| 4494 <paper-button class="action-button" on-tap="onDialogConfirmTap_" autof
ocus=""> | |
| 4495 $i18n{deleteConfirm} | |
| 4496 </paper-button> | |
| 4497 </div> | |
| 4498 </dialog> | |
| 4499 </template> | |
| 4500 | |
| 4501 <template is="cr-lazy-render" id="sharedMenu"> | |
| 4502 <cr-shared-menu> | |
| 4503 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite
Tap_"> | |
| 4504 $i18n{moreFromSite} | |
| 4505 </paper-item> | |
| 4506 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom
HistoryTap_"> | |
| 4507 $i18n{removeFromHistory} | |
| 4508 </paper-item> | |
| 4509 </cr-shared-menu> | |
| 4510 </template> | |
| 4511 </template> | |
| 4512 </dom-module> | |
| 4513 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu
ild="shadow"> | |
| 4514 <template> | |
| 4515 <style scope="history-synced-device-card">[hidden] { | |
| 4516 display: none !important; | |
| 4517 } | |
| 4518 | |
| 4519 .card-title { | 3276 .card-title { |
| 4520 align-items: center; | 3277 align-items: center; |
| 4521 border-bottom: 1px solid var(--card-border-color); | 3278 border-bottom: 1px solid var(--card-border-color); |
| 4522 border-radius: 2px 2px 0 0; | 3279 border-radius: 2px 2px 0 0; |
| 4523 color: var(--primary-text-color); | 3280 color: var(--primary-text-color); |
| 4524 display: flex; | 3281 display: flex; |
| 4525 font-size: 14px; | 3282 font-size: 14px; |
| 4526 font-weight: 500; | 3283 font-weight: 500; |
| 4527 height: 48px; | 3284 height: 48px; |
| 4528 line-height: 48px; | 3285 line-height: 48px; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4560 | 3317 |
| 4561 .website-title { | 3318 .website-title { |
| 4562 color: var(--primary-text-color); | 3319 color: var(--primary-text-color); |
| 4563 overflow: hidden; | 3320 overflow: hidden; |
| 4564 text-decoration: none; | 3321 text-decoration: none; |
| 4565 text-overflow: ellipsis; | 3322 text-overflow: ellipsis; |
| 4566 white-space: nowrap; | 3323 white-space: nowrap; |
| 4567 } | 3324 } |
| 4568 | 3325 |
| 4569 button.icon-button { | 3326 button.icon-button { |
| 4570 height: 36px; | 3327 background: none; |
| 3328 border: none; |
| 3329 height: 36px; |
| 3330 outline: none; |
| 4571 width: 36px; | 3331 width: 36px; |
| 4572 } | 3332 } |
| 4573 | 3333 |
| 4574 button.icon-button iron-icon { | 3334 button.icon-button iron-icon { |
| 4575 color: var(--secondary-text-color); | 3335 color: var(--secondary-text-color); |
| 4576 height: 20px; | 3336 height: 20px; |
| 4577 width: 20px; | 3337 width: 20px; |
| 4578 } | 3338 } |
| 4579 | 3339 |
| 4580 button.more-vert-button { | 3340 button.more-vert-button { |
| 4581 height: 36px; | 3341 height: 36px; |
| 4582 padding: 6px; | 3342 padding: 6px; |
| 4583 width: 36px; | 3343 width: 36px; |
| 4584 } | 3344 } |
| 4585 | 3345 |
| 4586 button.more-vert-button div { | 3346 button.more-vert-button div { |
| 4587 border: 2px solid var(--secondary-text-color); | 3347 border: 2px solid var(--secondary-text-color); |
| 4588 border-radius: 2px; | 3348 border-radius: 2px; |
| 4589 margin: 1px 10px; | 3349 margin: 1px 10px; |
| 4590 pointer-events: none; | 3350 pointer-events: none; |
| 4591 transform: scale(0.8); | 3351 transform: scale(0.8); |
| 4592 } | 3352 } |
| 4593 | 3353 |
| 4594 :host { | 3354 :host { |
| 4595 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); | 3355 box-sizing: border-box; |
| 4596 display: block; | 3356 display: block; |
| 4597 padding-bottom: var(--card-padding-between); | 3357 overflow: auto; |
| 3358 padding-top: var(--first-card-padding-top); |
| 4598 } | 3359 } |
| 4599 | 3360 |
| 4600 #card-heading { | 3361 history-item { |
| 4601 -webkit-padding-end: 0; | 3362 --history-item-padding-side: var(--card-padding-side); |
| 4602 cursor: pointer; | |
| 4603 justify-content: space-between; | |
| 4604 } | |
| 4605 | |
| 4606 #tab-item-list { | |
| 4607 padding: 8px 0; | |
| 4608 } | |
| 4609 | |
| 4610 #last-update-time { | |
| 4611 color: var(--secondary-text-color); | |
| 4612 } | |
| 4613 | |
| 4614 #title-left-content { | |
| 4615 display: flex; | |
| 4616 overflow: hidden; | |
| 4617 } | |
| 4618 | |
| 4619 #device-name { | |
| 4620 overflow: hidden; | |
| 4621 padding-right: 3px; | |
| 4622 text-overflow: ellipsis; | |
| 4623 } | |
| 4624 | |
| 4625 #right-buttons { | |
| 4626 -webkit-margin-end: 4px; | |
| 4627 } | |
| 4628 | |
| 4629 #menu-button { | |
| 4630 -webkit-margin-end: 8px; | |
| 4631 } | |
| 4632 | |
| 4633 #collapse { | |
| 4634 overflow: hidden; | |
| 4635 } | |
| 4636 | |
| 4637 #history-item-container { | |
| 4638 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 4639 background: #fff; | |
| 4640 border-radius: 2px; | |
| 4641 } | |
| 4642 | |
| 4643 #item-container { | |
| 4644 align-items: center; | |
| 4645 display: flex; | |
| 4646 margin: 0 20px; | |
| 4647 min-height: var(--item-height); | |
| 4648 } | |
| 4649 | |
| 4650 #window-separator { | |
| 4651 background-color: var(--card-border-color); | |
| 4652 height: 1px; | |
| 4653 margin: 5px auto; | |
| 4654 width: 80%; | |
| 4655 } | 3363 } |
| 4656 | 3364 |
| 4657 </style> | 3365 </style> |
| 4658 <div id="history-item-container"> | 3366 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD
ata_.length)]]"> |
| 4659 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria
-controls="collapse" on-tap="toggleTabCard"> | 3367 {{noResultsMessage(searchedTerm, querying)}} |
| 4660 <div id="title-left-content"> | |
| 4661 <div id="device-name"> | |
| 4662 [[device]] | |
| 4663 </div> | |
| 4664 <span id="last-update-time">[[lastUpdateTime]]</span> | |
| 4665 </div> | |
| 4666 <div id="right-buttons"> | |
| 4667 <button is="paper-icon-button-light" id="menu-button" class="more-vert
-button" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> | |
| 4668 <div></div> | |
| 4669 <div></div> | |
| 4670 <div></div> | |
| 4671 </button> | |
| 4672 <button is="paper-icon-button-light" class="icon-button" title$="[[get
CollapseTitle_(opened)]]"> | |
| 4673 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato
r"> | |
| 4674 </iron-icon> | |
| 4675 </button> | |
| 4676 </div> | |
| 4677 </div> | |
| 4678 | |
| 4679 <iron-collapse opened="{{opened}}" id="collapse"> | |
| 4680 <div id="tab-item-list"> | |
| 4681 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> | |
| 4682 <div id="item-container"> | |
| 4683 <div id="icon" class="website-icon"></div> | |
| 4684 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]"
on-click="openTab_" on-contextmenu="onLinkRightClick_"> | |
| 4685 <history-searched-label title="[[tab.title]]" search-term="[[sea
rchTerm]]"></history-searched-label> | |
| 4686 </a> | |
| 4687 </div> | |
| 4688 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index
, separatorIndexes)]]"> | |
| 4689 </div> | |
| 4690 </template> | |
| 4691 </div> | |
| 4692 </iron-collapse> | |
| 4693 </div> | 3368 </div> |
| 3369 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[
!hasResults(historyData_.length)]]"> |
| 3370 <template> |
| 3371 <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_}}"> |
| 3372 </history-item> |
| 3373 </template> |
| 3374 </iron-list> |
| 3375 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l
ower-threshold="500" on-lower-threshold="loadMoreData_"> |
| 3376 </iron-scroll-threshold> |
| 4694 </template> | 3377 </template> |
| 4695 </dom-module> | 3378 </dom-module> |
| 4696 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css
-build="shadow"> | 3379 |
| 3380 |
| 3381 <dom-module id="history-list-container" assetpath="chrome://history/" css-build=
"shadow"> |
| 4697 <template> | 3382 <template> |
| 4698 <style scope="history-synced-device-manager">[hidden] { | 3383 <style scope="history-list-container">[hidden] { |
| 4699 display: none !important; | 3384 display: none !important; |
| 4700 } | 3385 } |
| 4701 | 3386 |
| 4702 .card-title { | 3387 .card-title { |
| 4703 align-items: center; | 3388 align-items: center; |
| 4704 border-bottom: 1px solid var(--card-border-color); | 3389 border-bottom: 1px solid var(--card-border-color); |
| 4705 border-radius: 2px 2px 0 0; | 3390 border-radius: 2px 2px 0 0; |
| 4706 color: var(--primary-text-color); | 3391 color: var(--primary-text-color); |
| 4707 display: flex; | 3392 display: flex; |
| 4708 font-size: 14px; | 3393 font-size: 14px; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4743 | 3428 |
| 4744 .website-title { | 3429 .website-title { |
| 4745 color: var(--primary-text-color); | 3430 color: var(--primary-text-color); |
| 4746 overflow: hidden; | 3431 overflow: hidden; |
| 4747 text-decoration: none; | 3432 text-decoration: none; |
| 4748 text-overflow: ellipsis; | 3433 text-overflow: ellipsis; |
| 4749 white-space: nowrap; | 3434 white-space: nowrap; |
| 4750 } | 3435 } |
| 4751 | 3436 |
| 4752 button.icon-button { | 3437 button.icon-button { |
| 4753 height: 36px; | 3438 background: none; |
| 3439 border: none; |
| 3440 height: 36px; |
| 3441 outline: none; |
| 4754 width: 36px; | 3442 width: 36px; |
| 4755 } | 3443 } |
| 4756 | 3444 |
| 4757 button.icon-button iron-icon { | 3445 button.icon-button iron-icon { |
| 4758 color: var(--secondary-text-color); | 3446 color: var(--secondary-text-color); |
| 4759 height: 20px; | 3447 height: 20px; |
| 4760 width: 20px; | 3448 width: 20px; |
| 4761 } | 3449 } |
| 4762 | 3450 |
| 4763 button.more-vert-button { | 3451 button.more-vert-button { |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4830 [selectable]:focus, [selectable] > :focus { | 3518 [selectable]:focus, [selectable] > :focus { |
| 4831 background-color: var(--cr-selectable-focus_-_background-color); outline: var(
--cr-selectable-focus_-_outline); | 3519 background-color: var(--cr-selectable-focus_-_background-color); outline: var(
--cr-selectable-focus_-_outline); |
| 4832 } | 3520 } |
| 4833 | 3521 |
| 4834 [selectable] > * { | 3522 [selectable] > * { |
| 4835 cursor: var(--cr-actionable_-_cursor); | 3523 cursor: var(--cr-actionable_-_cursor); |
| 4836 } | 3524 } |
| 4837 | 3525 |
| 4838 :host { | 3526 :host { |
| 4839 display: block; | 3527 display: block; |
| 4840 overflow: auto; | 3528 height: 100%; |
| 3529 overflow: hidden; |
| 4841 } | 3530 } |
| 4842 | 3531 |
| 4843 #illustration { | 3532 #content, #content > * { |
| 4844 background: -webkit-image-set( | |
| 4845 url("chrome://history/images/100/sign_in_promo.png") 1x, | |
| 4846 url("chrome://history/images/200/sign_in_promo.png") 2x) | |
| 4847 no-repeat center center; | |
| 4848 height: 222px; | |
| 4849 margin-top: 100px; | |
| 4850 width: 594px; | |
| 4851 } | |
| 4852 | |
| 4853 #no-synced-tabs { | |
| 4854 height: 100%; | 3533 height: 100%; |
| 4855 } | 3534 } |
| 4856 | 3535 |
| 4857 #sign-in-guide { | 3536 dialog .body { |
| 4858 align-items: center; | 3537 white-space: pre-wrap; |
| 4859 display: flex; | |
| 4860 flex-direction: column; | |
| 4861 justify-content: center; | |
| 4862 overflow-x: hidden; | |
| 4863 text-align: center; | |
| 4864 } | |
| 4865 | |
| 4866 #sign-in-promo { | |
| 4867 color: var(--primary-text-color); | |
| 4868 font-size: 215%; | |
| 4869 margin-top: 40px; | |
| 4870 } | |
| 4871 | |
| 4872 #sign-in-promo-desc { | |
| 4873 color: #848484; | |
| 4874 font-size: 123%; | |
| 4875 margin-top: 10px; | |
| 4876 } | |
| 4877 | |
| 4878 #sign-in-button { | |
| 4879 margin: 24px 0; | |
| 4880 padding-left: 12px; | |
| 4881 padding-right: 12px; | |
| 4882 } | |
| 4883 | |
| 4884 #synced-device-list { | |
| 4885 padding-top: var(--first-card-padding-top); | |
| 4886 } | 3538 } |
| 4887 | 3539 |
| 4888 </style> | 3540 </style> |
| 4889 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]"> | 3541 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]"
> |
| 4890 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice"> | 3542 <history-list id="infinite-list" querying="[[queryState.querying]]" search
ed-term="[[queryResult.info.term]]"></history-list> |
| 4891 <history-synced-device-card device="[[syncedDevice.device]]" last-update
-time="[[syncedDevice.lastUpdateTime]]" tabs="[[syncedDevice.tabs]]" separator-i
ndexes="[[syncedDevice.separatorIndexes]]" search-term="[[searchTerm]]" session-
tag="[[syncedDevice.tag]]" opened="{{syncedDevice.opened}}"> | 3543 <template is="dom-if" if="[[grouped]]"> |
| 4892 </history-synced-device-card> | 3544 <history-grouped-list id="grouped-list" range="[[groupedRange]]" query-s
tart-time="[[queryResult.info.queryStartTime]]" query-end-time="[[queryResult.in
fo.queryEndTime]]" searched-term="[[queryResult.info.term]]"> |
| 3545 </history-grouped-list> |
| 4893 </template> | 3546 </template> |
| 4894 </div> | 3547 </iron-pages> |
| 4895 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes
sage(signInState, syncedDevices_.length, | |
| 4896 guestSession_)]]"> | |
| 4897 [[noSyncedTabsMessage(fetchingSyncedTabs_)]] | |
| 4898 </div> | |
| 4899 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState, guestSession
_)]]"> | |
| 4900 <div id="illustration"></div> | |
| 4901 <div id="sign-in-promo">$i18n{signInPromo}</div> | |
| 4902 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div> | |
| 4903 <paper-button id="sign-in-button" class="action-button" on-tap="onSignInTa
p_"> | |
| 4904 $i18n{signInButton} | |
| 4905 </paper-button> | |
| 4906 </div> | |
| 4907 | 3548 |
| 4908 <template is="cr-lazy-render" id="menu"> | 3549 <template is="cr-lazy-render" id="dialog"> |
| 3550 <dialog is="cr-dialog"> |
| 3551 <div class="title">$i18n{removeSelected}</div> |
| 3552 <div class="body">$i18n{deleteWarning}</div> |
| 3553 <div class="button-container"> |
| 3554 <paper-button class="cancel-button" on-tap="onDialogCancelTap_"> |
| 3555 $i18n{cancel} |
| 3556 </paper-button> |
| 3557 <paper-button class="action-button" on-tap="onDialogConfirmTap_" autof
ocus=""> |
| 3558 $i18n{deleteConfirm} |
| 3559 </paper-button> |
| 3560 </div> |
| 3561 </dialog> |
| 3562 </template> |
| 3563 |
| 3564 <template is="cr-lazy-render" id="sharedMenu"> |
| 4909 <cr-shared-menu> | 3565 <cr-shared-menu> |
| 4910 <paper-item id="menuOpenButton" class="menu-item" on-tap="onOpenAllTap_"
> | 3566 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite
Tap_"> |
| 4911 $i18n{openAll} | 3567 $i18n{moreFromSite} |
| 4912 </paper-item> | 3568 </paper-item> |
| 4913 <paper-item id="menuDeleteButton" class="menu-item" on-tap="onDeleteSess
ionTap_"> | 3569 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom
HistoryTap_"> |
| 4914 $i18n{deleteSession} | 3570 $i18n{removeFromHistory} |
| 4915 </paper-item> | 3571 </paper-item> |
| 4916 </cr-shared-menu> | 3572 </cr-shared-menu> |
| 4917 </template> | 3573 </template> |
| 4918 </template> | 3574 </template> |
| 4919 </dom-module> | 3575 </dom-module> |
| 4920 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado
w"> | 3576 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado
w"> |
| 4921 <template> | 3577 <template> |
| 4922 <style scope="history-side-bar">[hidden] { | 3578 <style scope="history-side-bar">[hidden] { |
| 4923 display: none !important; | 3579 display: none !important; |
| 4924 } | 3580 } |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4967 | 3623 |
| 4968 .website-title { | 3624 .website-title { |
| 4969 color: var(--primary-text-color); | 3625 color: var(--primary-text-color); |
| 4970 overflow: hidden; | 3626 overflow: hidden; |
| 4971 text-decoration: none; | 3627 text-decoration: none; |
| 4972 text-overflow: ellipsis; | 3628 text-overflow: ellipsis; |
| 4973 white-space: nowrap; | 3629 white-space: nowrap; |
| 4974 } | 3630 } |
| 4975 | 3631 |
| 4976 button.icon-button { | 3632 button.icon-button { |
| 4977 height: 36px; | 3633 background: none; |
| 3634 border: none; |
| 3635 height: 36px; |
| 3636 outline: none; |
| 4978 width: 36px; | 3637 width: 36px; |
| 4979 } | 3638 } |
| 4980 | 3639 |
| 4981 button.icon-button iron-icon { | 3640 button.icon-button iron-icon { |
| 4982 color: var(--secondary-text-color); | 3641 color: var(--secondary-text-color); |
| 4983 height: 20px; | 3642 height: 20px; |
| 4984 width: 20px; | 3643 width: 20px; |
| 4985 } | 3644 } |
| 4986 | 3645 |
| 4987 button.more-vert-button { | 3646 button.more-vert-button { |
| (...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 5142 | 3801 |
| 5143 .website-title { | 3802 .website-title { |
| 5144 color: var(--primary-text-color); | 3803 color: var(--primary-text-color); |
| 5145 overflow: hidden; | 3804 overflow: hidden; |
| 5146 text-decoration: none; | 3805 text-decoration: none; |
| 5147 text-overflow: ellipsis; | 3806 text-overflow: ellipsis; |
| 5148 white-space: nowrap; | 3807 white-space: nowrap; |
| 5149 } | 3808 } |
| 5150 | 3809 |
| 5151 button.icon-button { | 3810 button.icon-button { |
| 5152 height: 36px; | 3811 background: none; |
| 3812 border: none; |
| 3813 height: 36px; |
| 3814 outline: none; |
| 5153 width: 36px; | 3815 width: 36px; |
| 5154 } | 3816 } |
| 5155 | 3817 |
| 5156 button.icon-button iron-icon { | 3818 button.icon-button iron-icon { |
| 5157 color: var(--secondary-text-color); | 3819 color: var(--secondary-text-color); |
| 5158 height: 20px; | 3820 height: 20px; |
| 5159 width: 20px; | 3821 width: 20px; |
| 5160 } | 3822 } |
| 5161 | 3823 |
| 5162 button.more-vert-button { | 3824 button.more-vert-button { |
| (...skipping 30 matching lines...) Expand all Loading... |
| 5193 } | 3855 } |
| 5194 | 3856 |
| 5195 :host-context([dir='rtl']) #content-side-bar { | 3857 :host-context([dir='rtl']) #content-side-bar { |
| 5196 float: right; | 3858 float: right; |
| 5197 } | 3859 } |
| 5198 | 3860 |
| 5199 #content, #content > * { | 3861 #content, #content > * { |
| 5200 height: 100%; | 3862 height: 100%; |
| 5201 } | 3863 } |
| 5202 | 3864 |
| 3865 #drawer:unresolved { |
| 3866 display: none; |
| 3867 } |
| 3868 |
| 5203 #drawer-header { | 3869 #drawer-header { |
| 5204 align-items: center; | 3870 align-items: center; |
| 5205 border-bottom: 1px solid rgba(0, 0, 0, 0.08); | 3871 border-bottom: 1px solid rgba(0, 0, 0, 0.08); |
| 5206 display: flex; | 3872 display: flex; |
| 5207 height: var(--toolbar-height); | 3873 height: var(--toolbar-height); |
| 5208 margin-bottom: 5px; | 3874 margin-bottom: 5px; |
| 5209 } | 3875 } |
| 5210 | 3876 |
| 5211 h1 { | 3877 h1 { |
| 5212 -webkit-padding-start: 24px; | 3878 -webkit-padding-start: 24px; |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 5262 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 3928 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
| 5263 </history-side-bar> | 3929 </history-side-bar> |
| 5264 </app-drawer> | 3930 </app-drawer> |
| 5265 </template> | 3931 </template> |
| 5266 | 3932 |
| 5267 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 3933 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 5268 </iron-media-query> | 3934 </iron-media-query> |
| 5269 </template> | 3935 </template> |
| 5270 </dom-module> | 3936 </dom-module> |
| 5271 <script src="app.crisper.js"></script></body></html> | 3937 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2264983002:
MD History: Lazily load element files which are not needed for first paint (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master