chrome/browser/resources/md_history/app.vulcanized.html - Issue 2264983002: MD History: Lazily load element files which are not needed for first paint

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

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

Patch Set: Minor tweaks and rebase Created 4 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« chrome/browser/PRESUBMIT.py ('K') | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_item.html » ('j') | chrome/browser/resources/md_history/lazy_load.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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>

1266 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>	700 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>

1267 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>	701 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>

1268 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>	702 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>

	703 <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h -3.5l-1-1h-5l-1 1H5v2h14V4z"></path></g>

1269 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2z m0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2 zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path> </g>	704 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2z m0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2 zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path> </g>

1270 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>	705 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>

1271 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>	706 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>

1272 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11. 88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2. 7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2 .7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20. 5 11z"></path></g>	707 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11. 88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2. 7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2 .7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20. 5 11z"></path></g>

1273 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>	708 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>

1274 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>	709 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>

1275 <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0 -3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.2 9 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"> </path></g>	710 <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0 -3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.2 9 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"> </path></g>

1276 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g>	711 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g>

1277 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>	712 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>

1278 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>	713 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>

(...skipping 1679 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2958	2393

2959 .website-title {	2394 .website-title {

2960 color: var(--primary-text-color);	2395 color: var(--primary-text-color);

2961 overflow: hidden;	2396 overflow: hidden;

2962 text-decoration: none;	2397 text-decoration: none;

2963 text-overflow: ellipsis;	2398 text-overflow: ellipsis;

2964 white-space: nowrap;	2399 white-space: nowrap;

2965 }	2400 }

2966	2401

2967 button.icon-button {	2402 button.icon-button {

2968 height: 36px;	2403 background: none;

	2404 border: none;

	2405 height: 36px;

	2406 outline: none;

2969 width: 36px;	2407 width: 36px;

2970 }	2408 }

2971	2409

2972 button.icon-button iron-icon {	2410 button.icon-button iron-icon {

2973 color: var(--secondary-text-color);	2411 color: var(--secondary-text-color);

2974 height: 20px;	2412 height: 20px;

2975 width: 20px;	2413 width: 20px;

2976 }	2414 }

2977	2415

2978 button.more-vert-button {	2416 button.more-vert-button {

2979 height: 36px;	2417 height: 36px;

2980 padding: 6px;	2418 padding: 6px;

2981 width: 36px;	2419 width: 36px;

2982 }	2420 }

2983	2421

2984 button.more-vert-button div {	2422 button.more-vert-button div {

2985 border: 2px solid var(--secondary-text-color);	2423 border: 2px solid var(--secondary-text-color);

2986 border-radius: 2px;	2424 border-radius: 2px;

2987 margin: 1px 10px;	2425 margin: 1px 10px;

2988 pointer-events: none;	2426 pointer-events: none;

2989 transform: scale(0.8);	2427 transform: scale(0.8);

2990 }	2428 }

2991	2429

2992 </style>	2430 </style>

2993 </template>	2431 </template>

2994 </dom-module>	2432 </dom-module>

	2433

	2434

2995 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">	2435 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">

2996 <template>	2436 <template>

2997 <style scope="history-toolbar">[hidden] {	2437 <style scope="history-toolbar">[hidden] {

2998 display: none !important;	2438 display: none !important;

2999 }	2439 }

3000	2440

3001 .card-title {	2441 .card-title {

3002 align-items: center;	2442 align-items: center;

3003 border-bottom: 1px solid var(--card-border-color);	2443 border-bottom: 1px solid var(--card-border-color);

3004 border-radius: 2px 2px 0 0;	2444 border-radius: 2px 2px 0 0;

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3042	2482

3043 .website-title {	2483 .website-title {

3044 color: var(--primary-text-color);	2484 color: var(--primary-text-color);

3045 overflow: hidden;	2485 overflow: hidden;

3046 text-decoration: none;	2486 text-decoration: none;

3047 text-overflow: ellipsis;	2487 text-overflow: ellipsis;

3048 white-space: nowrap;	2488 white-space: nowrap;

3049 }	2489 }

3050	2490

3051 button.icon-button {	2491 button.icon-button {

3052 height: 36px;	2492 background: none;

	2493 border: none;

	2494 height: 36px;

	2495 outline: none;

3053 width: 36px;	2496 width: 36px;

3054 }	2497 }

3055	2498

3056 button.icon-button iron-icon {	2499 button.icon-button iron-icon {

3057 color: var(--secondary-text-color);	2500 color: var(--secondary-text-color);

3058 height: 20px;	2501 height: 20px;

3059 width: 20px;	2502 width: 20px;

3060 }	2503 }

3061	2504

3062 button.more-vert-button {	2505 button.more-vert-button {

(...skipping 43 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3106	2549

3107 :host([has-drawer]) cr-toolbar {	2550 :host([has-drawer]) cr-toolbar {

3108 --cr-toolbar-field-margin: 0;	2551 --cr-toolbar-field-margin: 0;

3109 }	2552 }

3110	2553

3111 cr-toolbar .more-actions {	2554 cr-toolbar .more-actions {

3112 -webkit-margin-end: 12px;	2555 -webkit-margin-end: 12px;

3113 }	2556 }

3114	2557

3115 #info-button {	2558 #info-button {

3116 height: 32px;	2559 background: none;

	2560 border: none;

	2561 color: inherit;

	2562 height: 32px;

3117 margin: 6px;	2563 margin: 6px;

	2564 outline: none;

	2565 padding: 0;

3118 width: 32px;	2566 width: 32px;

3119 }	2567 }

3120	2568

3121 #info-button-icon {	2569 #info-button-icon {

3122 height: 20px;	2570 height: 20px;

3123 width: 20px;	2571 width: 20px;

3124 }	2572 }

3125	2573

3126 iron-dropdown {	2574 iron-dropdown {

3127 margin-top: 28px;	2575 margin-top: 28px;

(...skipping 136 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3264 {{getHistoryInterval_(queryStartTime, queryEndTime)}}	2712 {{getHistoryInterval_(queryStartTime, queryEndTime)}}

3265 </span>	2713 </span>

3266 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button>	2714 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button>

3267 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button>	2715 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button>

3268 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button>	2716 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button>

3269 </div>	2717 </div>

3270 </div>	2718 </div>

3271 </template>	2719 </template>

3272 </template>	2720 </template>

3273 </dom-module>	2721 </dom-module>

3274 <dom-module id="cr-dialog" assetpath="chrome://resources/cr_elements/cr_dialog/" css-build="shadow">

3275 <template>

3276 <style scope="cr-dialog">:host {

3277 border: 0;

3278 border-radius: 2px;

3279 bottom: 0;

3280 color: inherit;

3281 padding: 0;

3282 top: 0;

3283 }

3284

3285 :host::backdrop {

3286 background-color: rgba(0, 0, 0, 0.6);

3287 bottom: 0;

3288 left: 0;

3289 position: fixed;

3290 right: 0;

3291 top: 0;

3292 }

3293

3294 .title-container {

3295 align-items: center;

3296

3297 border-bottom: 1px solid rgba(0, 0, 0, 0.14);

3298 display: flex;

3299 min-height: 52px;

3300 }

3301

3302 :host ::content .title {

3303 font-size: 123.07%;

3304 }

3305

3306 #close {

3307 --paper-icon-button_-_height: 40px; --paper-icon-button_-_width: 40px;;

3308 -webkit-margin-end: 6px;

3309

3310 padding: 10px;

3311 }

3312

3313 .body-container {

3314 display: flex;

3315 flex-direction: column;

3316 max-width: 800px;

3317 min-width: 512px;

3318

3319 overflow: auto;

3320 }

3321

3322 :host ::content .body {

3323 margin: 12px 0;

3324 }

3325

3326 :host ::content .body, :host ::content .title {

3327 -webkit-padding-end: 24px;

3328 -webkit-padding-start: 24px;

3329 flex: 1;

3330 }

3331

3332 :host ::content .button-container {

3333 -webkit-padding-end: 16px;

3334 -webkit-padding-start: 16px;

3335 display: flex;

3336 justify-content: flex-end;

3337 margin-bottom: 12px;

3338 margin-top: 12px;

3339 }

3340

3341 :host ::content .button-container .cancel-button {

3342 -webkit-margin-end: 8px;

3343 color: var(--paper-grey-600);

3344 }

3345

3346 :host ::content .footer {

3347 background-color: var(--paper-grey-200);

3348 border-bottom-left-radius: inherit;

3349 border-bottom-right-radius: inherit;

3350 margin: 0;

3351 padding: 12px 20px;

3352 }

3353

3354 </style>

3355 <div class="title-container">

3356 <content select=".title"></content>

3357 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close">

3358 </paper-icon-button>

3359 </div>

3360 <div class="body-container">

3361 <content select=".body"></content>

3362 </div>

3363 <content select=".button-container"></content>

3364 <content select=".footer"></content>

3365 </template>

3366 </dom-module>

3367

3368

3369 <link rel="import" href="chrome://resources/html/util.html">

3370 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">

3371 <template>

3372 <style scope="cr-shared-menu">#menu {

3373 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

3374 background-color: white;

3375 overflow: hidden;

3376 padding: 8px 0;

3377 position: relative;

3378 }

3379

3380 </style>

3381 <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]]">

3382 <div id="menu" class="dropdown-content" role="menu">

3383 <content></content>

3384 </div>

3385 </iron-dropdown>

3386 </template>

3387 </dom-module>

3388	2722

3389 <style is="custom-style" css-build="shadow">html {	2723 <style is="custom-style" css-build="shadow">html {

3390 --cr-actionable_-_cursor: pointer;;	2724 --cr-actionable_-_cursor: pointer;;

3391 --cr-focused-item-color: var(--google-grey-300);	2725 --cr-focused-item-color: var(--google-grey-300);

3392 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;	2726 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;

3393 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);	2727 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);

3394 --paper-checkbox-ink-size: 40px;	2728 --paper-checkbox-ink-size: 40px;

3395 }	2729 }

3396	2730

3397 </style>	2731 </style>

(...skipping 57 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3455 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);	2789 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);

3456 }	2790 }

3457	2791

3458 [selectable] > * {	2792 [selectable] > * {

3459 cursor: var(--cr-actionable_-_cursor);	2793 cursor: var(--cr-actionable_-_cursor);

3460 }	2794 }

3461	2795

3462 </style>	2796 </style>

3463 </template>	2797 </template>

3464 </dom-module>	2798 </dom-module>

3465	2799 <link rel="import" href="chrome://history/constants.html">

3466	2800 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow">

3467 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/" css-build="shadow">

3468 <template>	2801 <template>

3469 <style scope="paper-item-shared-styles">:host, .paper-item {	2802 <style scope="iron-list">:host {

3470 display: block;	2803 display: block;

3471 position: relative;	2804 position: relative;

3472 min-height: var(--paper-item-min-height, 48px);

3473 padding: 0px 16px;

3474 }	2805 }

3475	2806

3476 .paper-item {	2807 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

3477 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);	2808 :host {

3478 border:none;	2809 will-change: transform;

3479 outline: none;

3480 background: white;

3481 width: 100%;

3482 text-align: left;

3483 }	2810 }

3484	2811

3485 :host([hidden]), .paper-item[hidden] {

3486 display: none !important;

3487 }	2812 }

3488	2813

3489 :host(.iron-selected), .paper-item.iron-selected {	2814 #items {

3490 font-weight: var(--paper-item-selected-weight, bold);	2815 ;

3491	2816 position: relative;

3492 ;

3493 }	2817 }

3494	2818

3495 :host([disabled]), .paper-item[disabled] {	2819 :host(:not([grid])) #items > ::content > * {

3496 color: var(--paper-item-disabled-color,var(--disabled-text-color));;	2820 width: 100%;

3497

3498 ;

3499 }	2821 }

3500	2822

3501 :host(:focus), .paper-item:focus {	2823 #items > ::content > * {

3502 position: relative;	2824 box-sizing: border-box;

3503 outline: 0;	2825 margin: 0;

3504	2826 position: absolute;

3505 ;	2827 top: 0;

3506 }	2828 will-change: transform;

3507

3508 :host(:focus):before, .paper-item:focus:before {

3509 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);

3510

3511 background: currentColor;

3512 content: '';

3513 opacity: var(--dark-divider-opacity);

3514 pointer-events: none;

3515

3516 ;

3517 }

3518

3519 </style>

3520 </template>

3521 </dom-module>

3522

3523

3524 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">

3525 <template>

3526

3527 <style scope="paper-item">:host, .paper-item {

3528 display: block;

3529 position: relative;

3530 min-height: var(--paper-item-min-height, 48px);

3531 padding: 0px 16px;

3532 }

3533

3534 .paper-item {

3535 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);

3536 border:none;

3537 outline: none;

3538 background: white;

3539 width: 100%;

3540 text-align: left;

3541 }

3542

3543 :host([hidden]), .paper-item[hidden] {

3544 display: none !important;

3545 }

3546

3547 :host(.iron-selected), .paper-item.iron-selected {

3548 font-weight: var(--paper-item-selected-weight, bold);

3549

3550 ;

3551 }

3552

3553 :host([disabled]), .paper-item[disabled] {

3554 color: var(--paper-item-disabled-color,var(--disabled-text-color));;

3555

3556 ;

3557 }

3558

3559 :host(:focus), .paper-item:focus {

3560 position: relative;

3561 outline: 0;

3562

3563 ;

3564 }

3565

3566 :host(:focus):before, .paper-item:focus:before {

3567 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);

3568

3569 background: currentColor;

3570 content: '';

3571 opacity: var(--dark-divider-opacity);

3572 pointer-events: none;

3573

3574 ;

3575 }

3576

3577 :host {

3578 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);

3579 -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);

3580 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);

3581

3582 ;

3583 }	2829 }

3584	2830

3585 </style>	2831 </style>

3586	2832

3587 <content></content>	2833 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

	2834 </array-selector>

	2835

	2836 <div id="items">

	2837 <content></content>

	2838 </div>

	2839

3588 </template>	2840 </template>

	2841 </dom-module>

3589	2842

3590 </dom-module>	2843 <dom-module id="iron-scroll-threshold" assetpath="chrome://resources/polymer/v1_ 0/iron-scroll-threshold/" css-build="shadow">

3591 <link rel="import" href="chrome://history/constants.html">

3592 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/" css-build="shadow">

3593

3594 <template>	2844 <template>

3595	2845 <style scope="iron-scroll-threshold">:host {

3596 <style scope="iron-collapse">:host {

3597 display: block;	2846 display: block;

3598 transition-duration: var(--iron-collapse-transition-duration, 300ms);

3599 overflow: visible;

3600 }

3601

3602 :host(.iron-collapse-closed) {

3603 display: none;

3604 }

3605

3606 :host(:not(.iron-collapse-opened)) {

3607 overflow: hidden;

3608 }	2847 }

3609	2848

3610 </style>	2849 </style>

3611	2850

3612 <content></content>	2851 <content></content>

3613	2852

3614 </template>	2853 </template>

3615

3616 </dom-module>	2854 </dom-module>

3617	2855

	2856 <style is="custom-style" css-build="shadow">html {

	2857 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;

	2858

	2859 --shadow-none_-_box-shadow: none;;

	2860

	2861

	2862

	2863 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),

	2864 0 1px 5px 0 rgba(0, 0, 0, 0.12),

	2865 0 3px 1px -2px rgba(0, 0, 0, 0.2);;

	2866

	2867 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),

	2868 0 1px 8px 0 rgba(0, 0, 0, 0.12),

	2869 0 3px 3px -2px rgba(0, 0, 0, 0.4);;

	2870

	2871 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),

	2872 0 1px 10px 0 rgba(0, 0, 0, 0.12),

	2873 0 2px 4px -1px rgba(0, 0, 0, 0.4);;

	2874

	2875 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),

	2876 0 1px 18px 0 rgba(0, 0, 0, 0.12),

	2877 0 3px 5px -1px rgba(0, 0, 0, 0.4);;

	2878

	2879 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

	2880 0 3px 14px 2px rgba(0, 0, 0, 0.12),

	2881 0 5px 5px -3px rgba(0, 0, 0, 0.4);;

	2882

	2883 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

	2884 0 4px 22px 3px rgba(0, 0, 0, 0.12),

	2885 0 6px 7px -4px rgba(0, 0, 0, 0.4);;

	2886

	2887 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

	2888 0 6px 30px 5px rgba(0, 0, 0, 0.12),

	2889 0 8px 10px -5px rgba(0, 0, 0, 0.4);;

	2890 }

	2891

	2892 </style>

	2893 <link rel="import" href="chrome://resources/html/util.html">

3618 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">	2894 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">

3619 </dom-module>	2895 </dom-module>

	2896

	2897

3620 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">	2898 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">

3621 <template>	2899 <template>

3622 <style scope="history-item">[hidden] {	2900 <style scope="history-item">[hidden] {

3623 display: none !important;	2901 display: none !important;

3624 }	2902 }

3625	2903

3626 .card-title {	2904 .card-title {

3627 align-items: center;	2905 align-items: center;

3628 border-bottom: 1px solid var(--card-border-color);	2906 border-bottom: 1px solid var(--card-border-color);

3629 border-radius: 2px 2px 0 0;	2907 border-radius: 2px 2px 0 0;

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3667	2945

3668 .website-title {	2946 .website-title {

3669 color: var(--primary-text-color);	2947 color: var(--primary-text-color);

3670 overflow: hidden;	2948 overflow: hidden;

3671 text-decoration: none;	2949 text-decoration: none;

3672 text-overflow: ellipsis;	2950 text-overflow: ellipsis;

3673 white-space: nowrap;	2951 white-space: nowrap;

3674 }	2952 }

3675	2953

3676 button.icon-button {	2954 button.icon-button {

3677 height: 36px;	2955 background: none;

	2956 border: none;

	2957 height: 36px;

	2958 outline: none;

3678 width: 36px;	2959 width: 36px;

3679 }	2960 }

3680	2961

3681 button.icon-button iron-icon {	2962 button.icon-button iron-icon {

3682 color: var(--secondary-text-color);	2963 color: var(--secondary-text-color);

3683 height: 20px;	2964 height: 20px;

3684 width: 20px;	2965 width: 20px;

3685 }	2966 }

3686	2967

3687 button.more-vert-button {	2968 button.more-vert-button {

3688 height: 36px;	2969 height: 36px;

3689 padding: 6px;	2970 padding: 6px;

3690 width: 36px;	2971 width: 36px;

3691 }	2972 }

3692	2973

3693 button.more-vert-button div {	2974 button.more-vert-button div {

3694 border: 2px solid var(--secondary-text-color);	2975 border: 2px solid var(--secondary-text-color);

3695 border-radius: 2px;	2976 border-radius: 2px;

3696 margin: 1px 10px;	2977 margin: 1px 10px;

3697 pointer-events: none;	2978 pointer-events: none;

3698 transform: scale(0.8);	2979 transform: scale(0.8);

3699 }	2980 }

3700	2981

3701 :host {	2982 :host {

3702 --checked-color: rgb(68, 136, 255);	2983 --checked-color: rgb(68, 136, 255);

3703 display: block;	2984 display: block;

3704 outline: none;	2985 outline: none;

3705 }	2986 }

3706	2987

	2988 button {

	2989 background: none;

	2990 border: none;

	2991 outline: none;

	2992 padding: 0;

	2993 }

	2994

3707 :host(:not([embedded])) #main-container {	2995 :host(:not([embedded])) #main-container {

3708 position: relative;	2996 position: relative;

3709 }	2997 }

3710	2998

3711 :host(:not([embedded])) #sizing-container {	2999 :host(:not([embedded])) #sizing-container {

3712 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);	3000 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);

3713 }	3001 }

3714	3002

3715 :host([is-card-end]) #main-container {	3003 :host([is-card-end]) #main-container {

3716 margin-bottom: var(--card-padding-between);	3004 margin-bottom: var(--card-padding-between);

(...skipping 196 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3913 <div></div>	3201 <div></div>

3914 <div></div>	3202 <div></div>

3915 <div></div>	3203 <div></div>

3916 </button>	3204 </button>

3917 </div>	3205 </div>

3918 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>	3206 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>

3919 </div>	3207 </div>

3920 </div>	3208 </div>

3921 </template>	3209 </template>

3922 </dom-module>	3210 </dom-module>

3923 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow">

3924 <template>

3925 <style scope="history-grouped-list">[hidden] {

3926 display: none !important;

3927 }

3928

3929 .card-title {

3930 align-items: center;

3931 border-bottom: 1px solid var(--card-border-color);

3932 border-radius: 2px 2px 0 0;

3933 color: var(--primary-text-color);

3934 display: flex;

3935 font-size: 14px;

3936 font-weight: 500;

3937 height: 48px;

3938 line-height: 48px;

3939 overflow: hidden;

3940 padding: 0 20px;

3941 text-overflow: ellipsis;

3942 white-space: nowrap;

3943 }

3944

3945 .centered-message {

3946 align-items: center;

3947 color: #b4b4b4;

3948 display: flex;

3949 flex: 1;

3950 font-size: 14px;

3951 font-weight: 500;

3952 height: 100%;

3953 justify-content: center;

3954 }

3955

3956 .menu-item {

3957 -webkit-user-select: none;

3958 cursor: pointer;

3959 font: inherit;

3960 white-space: nowrap;

3961 }

3962

3963 .website-icon {

3964 -webkit-margin-end: 16px;

3965 background-repeat: no-repeat;

3966 background-size: 16px;

3967 height: 16px;

3968 width: 16px;

3969 }

3970

3971 .website-title {

3972 color: var(--primary-text-color);

3973 overflow: hidden;

3974 text-decoration: none;

3975 text-overflow: ellipsis;

3976 white-space: nowrap;

3977 }

3978

3979 button.icon-button {

3980 height: 36px;

3981 width: 36px;

3982 }

3983

3984 button.icon-button iron-icon {

3985 color: var(--secondary-text-color);

3986 height: 20px;

3987 width: 20px;

3988 }

3989

3990 button.more-vert-button {

3991 height: 36px;

3992 padding: 6px;

3993 width: 36px;

3994 }

3995

3996 button.more-vert-button div {

3997 border: 2px solid var(--secondary-text-color);

3998 border-radius: 2px;

3999 margin: 1px 10px;

4000 pointer-events: none;

4001 transform: scale(0.8);

4002 }

4003

4004 :host {

4005 display: block;

4006 overflow: auto;

4007 position: relative;

4008 }

4009

4010 #main-container {

4011 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);

4012 align-items: center;

4013 display: flex;

4014 flex-direction: column;

4015 padding-top: var(--first-card-padding-top);

4016 }

4017

4018 .domain-heading {

4019 align-items: center;

4020 display: flex;

4021 height: var(--item-height);

4022 padding: 0 20px;

4023 }

4024

4025 .domain-count {

4026 color: rgb(151, 156, 160);

4027 padding-left: 10px;

4028 }

4029

4030 .domain-heading-text {

4031 display: flex;

4032 }

4033

4034 .group-container {

4035 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

4036 background: #fff;

4037 border-radius: 2px;

4038 margin-bottom: var(--card-padding-between);

4039 max-width: var(--card-max-width);

4040 min-width: var(--card-min-width);

4041 width: 100%;

4042 }

4043

4044 .card-title {

4045 margin-bottom: var(--card-first-last-item-padding);

4046 }

4047

4048 .domain-heading-text {

4049 flex: 1 1 0;

4050 }

4051

4052 .dropdown-indicator {

4053 max-width: 16px;

4054 }

4055

4056 history-item {

4057 padding-left: 20px;

4058 }

4059

4060 </style>

4061 <div id="no-results" class="centered-message" hidden$="[[hasResults(groupedH istoryData_.length)]]">

4062 [[noResultsMessage(searchedTerm, querying)]]

4063 </div>

4064 <div id="main-container" hidden$="[[!hasResults(groupedHistoryData_.length)] ]">

4065 <template is="dom-repeat" items="[[groupedHistoryData_]]" as="group" initi al-count="1" index-as="groupIndex">

4066 <div class="group-container">

4067 <div class="card-title">

4068 [[group.title]]

4069 </div>

4070

4071 <template is="dom-repeat" items="[[group.domains]]" as="domain" initia l-count="10" index-as="domainIndex">

4072 <div>

4073 <div class="domain-heading" on-tap="toggleDomainExpanded_">

4074 <div class="domain-heading-text">

4075 <div class="website-icon" style="[[getWebsiteIconStyle_(domain )]]"></div>

4076 <span>[[domain.domain]]</span>

4077 <span class="domain-count">[[domain.visits.length]]</span>

4078 </div>

4079 <iron-icon icon="[[getDropdownIcon_(domain.expanded)]]" class="d ropdown-indicator"></iron-icon>

4080 </div>

4081 <iron-collapse opened="{{domain.expanded}}" id="collapse">

4082 <template is="dom-if" if="[[domain.rendered]]">

4083 <template is="dom-repeat" items="[[domain.visits]]" as="item" initial-count="5" index-as="itemIndex">

4084 <history-item item="[[item]]" selected="{{item.selected}}" h as-time-gap="[[needsTimeGap_(

4085 groupIndex, domainIndex, itemIndex)]]" search-term=" [[searchedTerm]]" number-of-items="[[historyData.length]]" path="[[pathForItem_(

4086 groupIndex, domainIndex, itemIndex)]]" embedded="">

4087 </history-item>

4088 </template>

4089 </template>

4090 </iron-collapse>

4091 </div>

4092 </template>

4093 </div>

4094 </template>

4095 </div>

4096 </template>

4097 </dom-module>

4098

4099

4100 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow">

4101 <template>

4102 <style scope="iron-list">:host {

4103 display: block;

4104 position: relative;

4105 }

4106

4107 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

4108 :host {

4109 will-change: transform;

4110 }

4111

4112 }

4113

4114 #items {

4115 ;

4116 position: relative;

4117 }

4118

4119 :host(:not([grid])) #items > ::content > * {

4120 width: 100%;

4121 }

4122

4123 #items > ::content > * {

4124 box-sizing: border-box;

4125 margin: 0;

4126 position: absolute;

4127 top: 0;

4128 will-change: transform;

4129 }

4130

4131 </style>

4132

4133 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

4134 </array-selector>

4135

4136 <div id="items">

4137 <content></content>

4138 </div>

4139

4140 </template>

4141 </dom-module>

4142

4143 <dom-module id="iron-scroll-threshold" assetpath="chrome://resources/polymer/v1_ 0/iron-scroll-threshold/" css-build="shadow">

4144 <template>

4145 <style scope="iron-scroll-threshold">:host {

4146 display: block;

4147 }

4148

4149 </style>

4150

4151 <content></content>

4152

4153 </template>

4154 </dom-module>

4155

4156 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">	3211 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">

4157 <template>	3212 <template>

4158 <style scope="history-list">[hidden] {	3213 <style scope="history-list">[hidden] {

4159 display: none !important;	3214 display: none !important;

4160 }	3215 }

4161	3216

4162 .card-title {

4163 align-items: center;

4164 border-bottom: 1px solid var(--card-border-color);

4165 border-radius: 2px 2px 0 0;

4166 color: var(--primary-text-color);

4167 display: flex;

4168 font-size: 14px;

4169 font-weight: 500;

4170 height: 48px;

4171 line-height: 48px;

4172 overflow: hidden;

4173 padding: 0 20px;

4174 text-overflow: ellipsis;

4175 white-space: nowrap;

4176 }

4177

4178 .centered-message {

4179 align-items: center;

4180 color: #b4b4b4;

4181 display: flex;

4182 flex: 1;

4183 font-size: 14px;

4184 font-weight: 500;

4185 height: 100%;

4186 justify-content: center;

4187 }

4188

4189 .menu-item {

4190 -webkit-user-select: none;

4191 cursor: pointer;

4192 font: inherit;

4193 white-space: nowrap;

4194 }

4195

4196 .website-icon {

4197 -webkit-margin-end: 16px;

4198 background-repeat: no-repeat;

4199 background-size: 16px;

4200 height: 16px;

4201 width: 16px;

4202 }

4203

4204 .website-title {

4205 color: var(--primary-text-color);

4206 overflow: hidden;

4207 text-decoration: none;

4208 text-overflow: ellipsis;

4209 white-space: nowrap;

4210 }

4211

4212 button.icon-button {

4213 height: 36px;

4214 width: 36px;

4215 }

4216

4217 button.icon-button iron-icon {

4218 color: var(--secondary-text-color);

4219 height: 20px;

4220 width: 20px;

4221 }

4222

4223 button.more-vert-button {

4224 height: 36px;

4225 padding: 6px;

4226 width: 36px;

4227 }

4228

4229 button.more-vert-button div {

4230 border: 2px solid var(--secondary-text-color);

4231 border-radius: 2px;

4232 margin: 1px 10px;

4233 pointer-events: none;

4234 transform: scale(0.8);

4235 }

4236

4237 :host {

4238 box-sizing: border-box;

4239 display: block;

4240 overflow: auto;

4241 padding-top: var(--first-card-padding-top);

4242 }

4243

4244 history-item {

4245 --history-item-padding-side: var(--card-padding-side);

4246 }

4247

4248 </style>

4249 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">

4250 {{noResultsMessage(searchedTerm, querying)}}

4251 </div>

4252 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">

4253 <template>

4254 <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_}}">

4255 </history-item>

4256 </template>

4257 </iron-list>

4258 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">

4259 </iron-scroll-threshold>

4260 </template>

4261 </dom-module>

4262 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">

4263 <template>

4264 <style scope="history-list-container">[hidden] {

4265 display: none !important;

4266 }

4267

4268 .card-title {

4269 align-items: center;

4270 border-bottom: 1px solid var(--card-border-color);

4271 border-radius: 2px 2px 0 0;

4272 color: var(--primary-text-color);

4273 display: flex;

4274 font-size: 14px;

4275 font-weight: 500;

4276 height: 48px;

4277 line-height: 48px;

4278 overflow: hidden;

4279 padding: 0 20px;

4280 text-overflow: ellipsis;

4281 white-space: nowrap;

4282 }

4283

4284 .centered-message {

4285 align-items: center;

4286 color: #b4b4b4;

4287 display: flex;

4288 flex: 1;

4289 font-size: 14px;

4290 font-weight: 500;

4291 height: 100%;

4292 justify-content: center;

4293 }

4294

4295 .menu-item {

4296 -webkit-user-select: none;

4297 cursor: pointer;

4298 font: inherit;

4299 white-space: nowrap;

4300 }

4301

4302 .website-icon {

4303 -webkit-margin-end: 16px;

4304 background-repeat: no-repeat;

4305 background-size: 16px;

4306 height: 16px;

4307 width: 16px;

4308 }

4309

4310 .website-title {

4311 color: var(--primary-text-color);

4312 overflow: hidden;

4313 text-decoration: none;

4314 text-overflow: ellipsis;

4315 white-space: nowrap;

4316 }

4317

4318 button.icon-button {

4319 height: 36px;

4320 width: 36px;

4321 }

4322

4323 button.icon-button iron-icon {

4324 color: var(--secondary-text-color);

4325 height: 20px;

4326 width: 20px;

4327 }

4328

4329 button.more-vert-button {

4330 height: 36px;

4331 padding: 6px;

4332 width: 36px;

4333 }

4334

4335 button.more-vert-button div {

4336 border: 2px solid var(--secondary-text-color);

4337 border-radius: 2px;

4338 margin: 1px 10px;

4339 pointer-events: none;

4340 transform: scale(0.8);

4341 }

4342

4343 paper-spinner {

4344 --paper-spinner-layer-1-color: var(--google-blue-500);

4345 --paper-spinner-layer-2-color: var(--google-blue-500);

4346 --paper-spinner-layer-3-color: var(--google-blue-500);

4347 --paper-spinner-layer-4-color: var(--google-blue-500);

4348 }

4349

4350 .action-button {

4351 background: var(--google-blue-500);

4352 color: white;

4353 --paper-button-flat-keyboard-focus_-_background: rgb(58, 117, 215);;

4354 }

4355

4356 .action-button[disabled] {

4357 opacity: .25;

4358 }

4359

4360 .cancel-button {

4361 --paper-button-flat-keyboard-focus_-_background: rgba(0, 0, 0, .12);;

4362 }

4363

4364 .action-button, .cancel-button {

4365 font-weight: 500;

4366 }

4367

4368 [actionable] {

4369 cursor: var(--cr-actionable_-_cursor);

4370 }

4371

4372 [scrollable] {

4373 border-color: transparent;

4374 border-style: solid;

4375 border-width: 1px 0;

4376 overflow-y: auto;

4377 }

4378

4379 [scrollable].is-scrolled {

4380 border-top-color: var(--google-grey-300);

4381 }

4382

4383 [scrollable].can-scroll:not(.scrolled-to-bottom) {

4384 border-bottom-color: var(--google-grey-300);

4385 }

4386

4387 [scrollable] :focus {

4388 ;

4389 background-color: var(--cr-selectable-focus_-_background-color); outline : var(--cr-selectable-focus_-_outline);

4390 }

4391

4392 [scrollable] iron-list > * {

4393 cursor: var(--cr-actionable_-_cursor);

4394 }

4395

4396 [selectable]:focus, [selectable] > :focus {

4397 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);

4398 }

4399

4400 [selectable] > * {

4401 cursor: var(--cr-actionable_-_cursor);

4402 }

4403

4404 :host {

4405 display: block;

4406 height: 100%;

4407 overflow: hidden;

4408 }

4409

4410 #content, #content > * {

4411 height: 100%;

4412 }

4413

4414 dialog .body {

4415 white-space: pre-wrap;

4416 }

4417

4418 </style>

4419 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]" >

4420 <history-list id="infinite-list" querying="[[queryState.querying]]" search ed-term="[[queryResult.info.term]]"></history-list>

4421 <template is="dom-if" if="[[grouped]]">

4422 <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]]">

4423 </history-grouped-list>

4424 </template>

4425 </iron-pages>

4426

4427 <template is="cr-lazy-render" id="dialog">

4428 <dialog is="cr-dialog">

4429 <div class="title">$i18n{removeSelected}</div>

4430 <div class="body">$i18n{deleteWarning}</div>

4431 <div class="button-container">

4432 <paper-button class="cancel-button" on-tap="onDialogCancelTap_">

4433 $i18n{cancel}

4434 </paper-button>

4435 <paper-button class="action-button" on-tap="onDialogConfirmTap_" autof ocus="">

4436 $i18n{deleteConfirm}

4437 </paper-button>

4438 </div>

4439 </dialog>

4440 </template>

4441

4442 <template is="cr-lazy-render" id="sharedMenu">

4443 <cr-shared-menu>

4444 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_">

4445 $i18n{moreFromSite}

4446 </paper-item>

4447 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom HistoryTap_">

4448 $i18n{removeFromHistory}

4449 </paper-item>

4450 </cr-shared-menu>

4451 </template>

4452 </template>

4453 </dom-module>

4454 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">

4455 <template>

4456 <style scope="history-synced-device-card">[hidden] {

4457 display: none !important;

4458 }

4459

4460 .card-title {	3217 .card-title {

4461 align-items: center;	3218 align-items: center;

4462 border-bottom: 1px solid var(--card-border-color);	3219 border-bottom: 1px solid var(--card-border-color);

4463 border-radius: 2px 2px 0 0;	3220 border-radius: 2px 2px 0 0;

4464 color: var(--primary-text-color);	3221 color: var(--primary-text-color);

4465 display: flex;	3222 display: flex;

4466 font-size: 14px;	3223 font-size: 14px;

4467 font-weight: 500;	3224 font-weight: 500;

4468 height: 48px;	3225 height: 48px;

4469 line-height: 48px;	3226 line-height: 48px;

(...skipping 31 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4501	3258

4502 .website-title {	3259 .website-title {

4503 color: var(--primary-text-color);	3260 color: var(--primary-text-color);

4504 overflow: hidden;	3261 overflow: hidden;

4505 text-decoration: none;	3262 text-decoration: none;

4506 text-overflow: ellipsis;	3263 text-overflow: ellipsis;

4507 white-space: nowrap;	3264 white-space: nowrap;

4508 }	3265 }

4509	3266

4510 button.icon-button {	3267 button.icon-button {

4511 height: 36px;	3268 background: none;

	3269 border: none;

	3270 height: 36px;

	3271 outline: none;

4512 width: 36px;	3272 width: 36px;

4513 }	3273 }

4514	3274

4515 button.icon-button iron-icon {	3275 button.icon-button iron-icon {

4516 color: var(--secondary-text-color);	3276 color: var(--secondary-text-color);

4517 height: 20px;	3277 height: 20px;

4518 width: 20px;	3278 width: 20px;

4519 }	3279 }

4520	3280

4521 button.more-vert-button {	3281 button.more-vert-button {

4522 height: 36px;	3282 height: 36px;

4523 padding: 6px;	3283 padding: 6px;

4524 width: 36px;	3284 width: 36px;

4525 }	3285 }

4526	3286

4527 button.more-vert-button div {	3287 button.more-vert-button div {

4528 border: 2px solid var(--secondary-text-color);	3288 border: 2px solid var(--secondary-text-color);

4529 border-radius: 2px;	3289 border-radius: 2px;

4530 margin: 1px 10px;	3290 margin: 1px 10px;

4531 pointer-events: none;	3291 pointer-events: none;

4532 transform: scale(0.8);	3292 transform: scale(0.8);

4533 }	3293 }

4534	3294

4535 :host {	3295 :host {

4536 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);	3296 box-sizing: border-box;

4537 display: block;	3297 display: block;

4538 padding-bottom: var(--card-padding-between);	3298 overflow: auto;

	3299 padding-top: var(--first-card-padding-top);

4539 }	3300 }

4540	3301

4541 #card-heading {	3302 history-item {

4542 -webkit-padding-end: 0;	3303 --history-item-padding-side: var(--card-padding-side);

4543 cursor: pointer;

4544 justify-content: space-between;

4545 }

4546

4547 #tab-item-list {

4548 padding: 8px 0;

4549 }

4550

4551 #last-update-time {

4552 color: var(--secondary-text-color);

4553 }

4554

4555 #title-left-content {

4556 display: flex;

4557 overflow: hidden;

4558 }

4559

4560 #device-name {

4561 overflow: hidden;

4562 padding-right: 3px;

4563 text-overflow: ellipsis;

4564 }

4565

4566 #right-buttons {

4567 -webkit-margin-end: 4px;

4568 }

4569

4570 #menu-button {

4571 -webkit-margin-end: 8px;

4572 }

4573

4574 #collapse {

4575 overflow: hidden;

4576 }

4577

4578 #history-item-container {

4579 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

4580 background: #fff;

4581 border-radius: 2px;

4582 }

4583

4584 #item-container {

4585 align-items: center;

4586 display: flex;

4587 margin: 0 20px;

4588 min-height: var(--item-height);

4589 }

4590

4591 #window-separator {

4592 background-color: var(--card-border-color);

4593 height: 1px;

4594 margin: 5px auto;

4595 width: 80%;

4596 }	3304 }

4597	3305

4598 </style>	3306 </style>

4599 <div id="history-item-container">	3307 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">

4600 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">	3308 {{noResultsMessage(searchedTerm, querying)}}

4601 <div id="title-left-content">

4602 <div id="device-name">

4603 [[device]]

4604 </div>

4605 <span id="last-update-time">[[lastUpdateTime]]</span>

4606 </div>

4607 <div id="right-buttons">

4608 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}">

4609 <div></div>

4610 <div></div>

4611 <div></div>

4612 </button>

4613 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]">

4614 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">

4615 </iron-icon>

4616 </button>

4617 </div>

4618 </div>

4619

4620 <iron-collapse opened="{{opened}}" id="collapse">

4621 <div id="tab-item-list">

4622 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list">

4623 <div id="item-container">

4624 <div id="icon" class="website-icon"></div>

4625 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_">

4626 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label>

4627 </a>

4628 </div>

4629 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index , separatorIndexes)]]">

4630 </div>

4631 </template>

4632 </div>

4633 </iron-collapse>

4634 </div>	3309 </div>

	3310 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">

	3311 <template>

	3312 <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_}}">

	3313 </history-item>

	3314 </template>

	3315 </iron-list>

	3316 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">

	3317 </iron-scroll-threshold>

4635 </template>	3318 </template>

4636 </dom-module>	3319 </dom-module>

4637 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">	3320

	3321

	3322 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">

4638 <template>	3323 <template>

4639 <style scope="history-synced-device-manager">[hidden] {	3324 <style scope="history-list-container">[hidden] {

4640 display: none !important;	3325 display: none !important;

4641 }	3326 }

4642	3327

4643 .card-title {	3328 .card-title {

4644 align-items: center;	3329 align-items: center;

4645 border-bottom: 1px solid var(--card-border-color);	3330 border-bottom: 1px solid var(--card-border-color);

4646 border-radius: 2px 2px 0 0;	3331 border-radius: 2px 2px 0 0;

4647 color: var(--primary-text-color);	3332 color: var(--primary-text-color);

4648 display: flex;	3333 display: flex;

4649 font-size: 14px;	3334 font-size: 14px;

(...skipping 34 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4684	3369

4685 .website-title {	3370 .website-title {

4686 color: var(--primary-text-color);	3371 color: var(--primary-text-color);

4687 overflow: hidden;	3372 overflow: hidden;

4688 text-decoration: none;	3373 text-decoration: none;

4689 text-overflow: ellipsis;	3374 text-overflow: ellipsis;

4690 white-space: nowrap;	3375 white-space: nowrap;

4691 }	3376 }

4692	3377

4693 button.icon-button {	3378 button.icon-button {

4694 height: 36px;	3379 background: none;

	3380 border: none;

	3381 height: 36px;

	3382 outline: none;

4695 width: 36px;	3383 width: 36px;

4696 }	3384 }

4697	3385

4698 button.icon-button iron-icon {	3386 button.icon-button iron-icon {

4699 color: var(--secondary-text-color);	3387 color: var(--secondary-text-color);

4700 height: 20px;	3388 height: 20px;

4701 width: 20px;	3389 width: 20px;

4702 }	3390 }

4703	3391

4704 button.more-vert-button {	3392 button.more-vert-button {

(...skipping 66 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4771 [selectable]:focus, [selectable] > :focus {	3459 [selectable]:focus, [selectable] > :focus {

4772 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);	3460 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);

4773 }	3461 }

4774	3462

4775 [selectable] > * {	3463 [selectable] > * {

4776 cursor: var(--cr-actionable_-_cursor);	3464 cursor: var(--cr-actionable_-_cursor);

4777 }	3465 }

4778	3466

4779 :host {	3467 :host {

4780 display: block;	3468 display: block;

4781 overflow: auto;	3469 height: 100%;

	3470 overflow: hidden;

4782 }	3471 }

4783	3472

4784 #illustration {	3473 #content, #content > * {

4785 background: -webkit-image-set(

4786 url("chrome://history/images/100/sign_in_promo.png") 1x,

4787 url("chrome://history/images/200/sign_in_promo.png") 2x)

4788 no-repeat center center;

4789 height: 222px;

4790 margin-top: 100px;

4791 width: 594px;

4792 }

4793

4794 #no-synced-tabs {

4795 height: 100%;	3474 height: 100%;

4796 }	3475 }

4797	3476

4798 #sign-in-guide {	3477 dialog .body {

4799 align-items: center;	3478 white-space: pre-wrap;

4800 display: flex;

4801 flex-direction: column;

4802 justify-content: center;

4803 overflow-x: hidden;

4804 text-align: center;

4805 }

4806

4807 #sign-in-promo {

4808 color: var(--primary-text-color);

4809 font-size: 215%;

4810 margin-top: 40px;

4811 }

4812

4813 #sign-in-promo-desc {

4814 color: #848484;

4815 font-size: 123%;

4816 margin-top: 10px;

4817 }

4818

4819 #sign-in-button {

4820 margin: 24px 0;

4821 padding-left: 12px;

4822 padding-right: 12px;

4823 }

4824

4825 #synced-device-list {

4826 padding-top: var(--first-card-padding-top);

4827 }	3479 }

4828	3480

4829 </style>	3481 </style>

4830 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]">	3482 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]" >

4831 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice">	3483 <history-list id="infinite-list" querying="[[queryState.querying]]" search ed-term="[[queryResult.info.term]]"></history-list>

4832 <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}}">	3484 <template is="dom-if" if="[[grouped]]">

4833 </history-synced-device-card>	3485 <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]]">

	3486 </history-grouped-list>

4834 </template>	3487 </template>

4835 </div>	3488 </iron-pages>

4836 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes sage(signInState, syncedDevices_.length,

4837 guestSession_)]]">

4838 [[noSyncedTabsMessage(fetchingSyncedTabs_)]]

4839 </div>

4840 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState, guestSession _)]]">

4841 <div id="illustration"></div>

4842 <div id="sign-in-promo">$i18n{signInPromo}</div>

4843 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div>

4844 <paper-button id="sign-in-button" class="action-button" on-tap="onSignInTa p_">

4845 $i18n{signInButton}

4846 </paper-button>

4847 </div>

4848	3489

4849 <template is="cr-lazy-render" id="menu">	3490 <template is="cr-lazy-render" id="dialog">

	3491 <dialog is="cr-dialog">

	3492 <div class="title">$i18n{removeSelected}</div>

	3493 <div class="body">$i18n{deleteWarning}</div>

	3494 <div class="button-container">

	3495 <paper-button class="cancel-button" on-tap="onDialogCancelTap_">

	3496 $i18n{cancel}

	3497 </paper-button>

	3498 <paper-button class="action-button" on-tap="onDialogConfirmTap_" autof ocus="">

	3499 $i18n{deleteConfirm}

	3500 </paper-button>

	3501 </div>

	3502 </dialog>

	3503 </template>

	3504

	3505 <template is="cr-lazy-render" id="sharedMenu">

4850 <cr-shared-menu>	3506 <cr-shared-menu>

4851 <paper-item id="menuOpenButton" class="menu-item" on-tap="onOpenAllTap_" >	3507 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_">

4852 $i18n{openAll}	3508 $i18n{moreFromSite}

4853 </paper-item>	3509 </paper-item>

4854 <paper-item id="menuDeleteButton" class="menu-item" on-tap="onDeleteSess ionTap_">	3510 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom HistoryTap_">

4855 $i18n{deleteSession}	3511 $i18n{removeFromHistory}

4856 </paper-item>	3512 </paper-item>

4857 </cr-shared-menu>	3513 </cr-shared-menu>

4858 </template>	3514 </template>

4859 </template>	3515 </template>

4860 </dom-module>	3516 </dom-module>

4861 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">	3517 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">

4862 <template>	3518 <template>

4863 <style scope="history-side-bar">[hidden] {	3519 <style scope="history-side-bar">[hidden] {

4864 display: none !important;	3520 display: none !important;

4865 }	3521 }

(...skipping 42 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4908	3564

4909 .website-title {	3565 .website-title {

4910 color: var(--primary-text-color);	3566 color: var(--primary-text-color);

4911 overflow: hidden;	3567 overflow: hidden;

4912 text-decoration: none;	3568 text-decoration: none;

4913 text-overflow: ellipsis;	3569 text-overflow: ellipsis;

4914 white-space: nowrap;	3570 white-space: nowrap;

4915 }	3571 }

4916	3572

4917 button.icon-button {	3573 button.icon-button {

4918 height: 36px;	3574 background: none;

	3575 border: none;

	3576 height: 36px;

	3577 outline: none;

4919 width: 36px;	3578 width: 36px;

4920 }	3579 }

4921	3580

4922 button.icon-button iron-icon {	3581 button.icon-button iron-icon {

4923 color: var(--secondary-text-color);	3582 color: var(--secondary-text-color);

4924 height: 20px;	3583 height: 20px;

4925 width: 20px;	3584 width: 20px;

4926 }	3585 }

4927	3586

4928 button.more-vert-button {	3587 button.more-vert-button {

(...skipping 154 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
5083	3742

5084 .website-title {	3743 .website-title {

5085 color: var(--primary-text-color);	3744 color: var(--primary-text-color);

5086 overflow: hidden;	3745 overflow: hidden;

5087 text-decoration: none;	3746 text-decoration: none;

5088 text-overflow: ellipsis;	3747 text-overflow: ellipsis;

5089 white-space: nowrap;	3748 white-space: nowrap;

5090 }	3749 }

5091	3750

5092 button.icon-button {	3751 button.icon-button {

5093 height: 36px;	3752 background: none;

	3753 border: none;

	3754 height: 36px;

	3755 outline: none;

5094 width: 36px;	3756 width: 36px;

5095 }	3757 }

5096	3758

5097 button.icon-button iron-icon {	3759 button.icon-button iron-icon {

5098 color: var(--secondary-text-color);	3760 color: var(--secondary-text-color);

5099 height: 20px;	3761 height: 20px;

5100 width: 20px;	3762 width: 20px;

5101 }	3763 }

5102	3764

5103 button.more-vert-button {	3765 button.more-vert-button {

(...skipping 30 matching lines...) Expand all Loading...
5134 }	3796 }

5135	3797

5136 :host-context([dir='rtl']) #content-side-bar {	3798 :host-context([dir='rtl']) #content-side-bar {

5137 float: right;	3799 float: right;

5138 }	3800 }

5139	3801

5140 #content, #content > * {	3802 #content, #content > * {

5141 height: 100%;	3803 height: 100%;

5142 }	3804 }

5143	3805

	3806 #drawer:unresolved {

	3807 display: none;

	3808 }

	3809

5144 #drawer-header {	3810 #drawer-header {

5145 align-items: center;	3811 align-items: center;

5146 border-bottom: 1px solid rgba(0, 0, 0, 0.08);	3812 border-bottom: 1px solid rgba(0, 0, 0, 0.08);

5147 display: flex;	3813 display: flex;

5148 height: var(--toolbar-height);	3814 height: var(--toolbar-height);

5149 margin-bottom: 5px;	3815 margin-bottom: 5px;

5150 }	3816 }

5151	3817

5152 h1 {	3818 h1 {

5153 -webkit-padding-start: 24px;	3819 -webkit-padding-start: 24px;

(...skipping 49 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
5203 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">	3869 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">

5204 </history-side-bar>	3870 </history-side-bar>

5205 </app-drawer>	3871 </app-drawer>

5206 </template>	3872 </template>

5207	3873

5208 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >	3874 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >

5209 </iron-media-query>	3875 </iron-media-query>

5210 </template>	3876 </template>

5211 </dom-module>	3877 </dom-module>

5212 <script src="app.crisper.js"></script></body></html>	3878 <script src="app.crisper.js"></script></body></html>

OLD	NEW