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: calamity@ review 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

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 1737 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3016	2451

3017 .website-title {	2452 .website-title {

3018 color: var(--primary-text-color);	2453 color: var(--primary-text-color);

3019 overflow: hidden;	2454 overflow: hidden;

3020 text-decoration: none;	2455 text-decoration: none;

3021 text-overflow: ellipsis;	2456 text-overflow: ellipsis;

3022 white-space: nowrap;	2457 white-space: nowrap;

3023 }	2458 }

3024	2459

3025 button.icon-button {	2460 button.icon-button {

3026 height: 36px;	2461 background: none;

	2462 border: none;

	2463 height: 36px;

	2464 outline: none;

3027 width: 36px;	2465 width: 36px;

3028 }	2466 }

3029	2467

3030 button.icon-button iron-icon {	2468 button.icon-button iron-icon {

3031 color: var(--secondary-text-color);	2469 color: var(--secondary-text-color);

3032 height: 20px;	2470 height: 20px;

3033 width: 20px;	2471 width: 20px;

3034 }	2472 }

3035	2473

3036 button.more-vert-button {	2474 button.more-vert-button {

3037 height: 36px;	2475 height: 36px;

3038 padding: 6px;	2476 padding: 6px;

3039 width: 36px;	2477 width: 36px;

3040 }	2478 }

3041	2479

3042 button.more-vert-button div {	2480 button.more-vert-button div {

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

3044 border-radius: 2px;	2482 border-radius: 2px;

3045 margin: 1px 10px;	2483 margin: 1px 10px;

3046 pointer-events: none;	2484 pointer-events: none;

3047 transform: scale(0.8);	2485 transform: scale(0.8);

3048 }	2486 }

3049	2487

3050 </style>	2488 </style>

3051 </template>	2489 </template>

3052 </dom-module>	2490 </dom-module>

	2491

	2492

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

3054 <template>	2494 <template>

3055 <style scope="history-toolbar">[hidden] {	2495 <style scope="history-toolbar">[hidden] {

3056 display: none !important;	2496 display: none !important;

3057 }	2497 }

3058	2498

3059 .card-title {	2499 .card-title {

3060 align-items: center;	2500 align-items: center;

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

3062 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...
3100	2540

3101 .website-title {	2541 .website-title {

3102 color: var(--primary-text-color);	2542 color: var(--primary-text-color);

3103 overflow: hidden;	2543 overflow: hidden;

3104 text-decoration: none;	2544 text-decoration: none;

3105 text-overflow: ellipsis;	2545 text-overflow: ellipsis;

3106 white-space: nowrap;	2546 white-space: nowrap;

3107 }	2547 }

3108	2548

3109 button.icon-button {	2549 button.icon-button {

3110 height: 36px;	2550 background: none;

	2551 border: none;

	2552 height: 36px;

	2553 outline: none;

3111 width: 36px;	2554 width: 36px;

3112 }	2555 }

3113	2556

3114 button.icon-button iron-icon {	2557 button.icon-button iron-icon {

3115 color: var(--secondary-text-color);	2558 color: var(--secondary-text-color);

3116 height: 20px;	2559 height: 20px;

3117 width: 20px;	2560 width: 20px;

3118 }	2561 }

3119	2562

3120 button.more-vert-button {	2563 button.more-vert-button {

(...skipping 43 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3164	2607

3165 :host([has-drawer]) cr-toolbar {	2608 :host([has-drawer]) cr-toolbar {

3166 --cr-toolbar-field-margin: 0;	2609 --cr-toolbar-field-margin: 0;

3167 }	2610 }

3168	2611

3169 cr-toolbar .more-actions {	2612 cr-toolbar .more-actions {

3170 -webkit-margin-end: 12px;	2613 -webkit-margin-end: 12px;

3171 }	2614 }

3172	2615

3173 #info-button {	2616 #info-button {

3174 height: 32px;	2617 background: none;

	2618 border: none;

	2619 color: inherit;

	2620 height: 32px;

3175 margin: 6px;	2621 margin: 6px;

	2622 outline: none;

	2623 padding: 0;

3176 width: 32px;	2624 width: 32px;

3177 }	2625 }

3178	2626

3179 #info-button-icon {	2627 #info-button-icon {

3180 height: 20px;	2628 height: 20px;

3181 width: 20px;	2629 width: 20px;

3182 }	2630 }

3183	2631

3184 iron-dropdown {	2632 iron-dropdown {

3185 margin-top: 28px;	2633 margin-top: 28px;

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

3323 </span>	2771 </span>

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

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

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

3327 </div>	2775 </div>

3328 </div>	2776 </div>

3329 </template>	2777 </template>

3330 </template>	2778 </template>

3331 </dom-module>	2779 </dom-module>

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

3333 <template>

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

3335 border: 0;

3336 border-radius: 2px;

3337 bottom: 0;

3338 color: inherit;

3339 padding: 0;

3340 top: 0;

3341 }

3342

3343 :host::backdrop {

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

3345 bottom: 0;

3346 left: 0;

3347 position: fixed;

3348 right: 0;

3349 top: 0;

3350 }

3351

3352 .title-container {

3353 align-items: center;

3354

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

3356 display: flex;

3357 min-height: 52px;

3358 }

3359

3360 :host ::content .title {

3361 font-size: 123.07%;

3362 }

3363

3364 #close {

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

3366 -webkit-margin-end: 6px;

3367

3368 padding: 10px;

3369 }

3370

3371 .body-container {

3372 display: flex;

3373 flex-direction: column;

3374 max-width: 800px;

3375 min-width: 512px;

3376

3377 overflow: auto;

3378 }

3379

3380 :host ::content .body {

3381 margin: 12px 0;

3382 }

3383

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

3385 -webkit-padding-end: 24px;

3386 -webkit-padding-start: 24px;

3387 flex: 1;

3388 }

3389

3390 :host ::content .button-container {

3391 -webkit-padding-end: 16px;

3392 -webkit-padding-start: 16px;

3393 display: flex;

3394 justify-content: flex-end;

3395 margin-bottom: 12px;

3396 margin-top: 12px;

3397 }

3398

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

3400 -webkit-margin-end: 8px;

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

3402 }

3403

3404 :host ::content .footer {

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

3406 border-bottom-left-radius: inherit;

3407 border-bottom-right-radius: inherit;

3408 margin: 0;

3409 padding: 12px 20px;

3410 }

3411

3412 </style>

3413 <div class="title-container">

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

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

3416 </paper-icon-button>

3417 </div>

3418 <div class="body-container">

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

3420 </div>

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

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

3423 </template>

3424 </dom-module>

3425

3426

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

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

3429 <template>

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

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

3432 background-color: white;

3433 overflow: hidden;

3434 padding: 8px 0;

3435 position: relative;

3436 }

3437

3438 </style>

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

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

3441 <content></content>

3442 </div>

3443 </iron-dropdown>

3444 </template>

3445 </dom-module>

3446	2780

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

3448 --cr-actionable_-_cursor: pointer;;	2782 --cr-actionable_-_cursor: pointer;;

3449 --cr-focused-item-color: var(--google-grey-300);	2783 --cr-focused-item-color: var(--google-grey-300);

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

3451 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);	2785 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);

3452 --paper-checkbox-ink-size: 40px;	2786 --paper-checkbox-ink-size: 40px;

3453 }	2787 }

3454	2788

3455 </style>	2789 </style>

(...skipping 59 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
3515	2849

3516 [selectable] > * {	2850 [selectable] > * {

3517 cursor: var(--cr-actionable_-_cursor);	2851 cursor: var(--cr-actionable_-_cursor);

3518 }	2852 }

3519	2853

3520 </style>	2854 </style>

3521 </template>	2855 </template>

3522 </dom-module>	2856 </dom-module>

3523	2857

3524	2858

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

3526 <template>	2860 <template>

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

3528 display: block;	2862 display: block;

3529 position: relative;	2863 position: relative;

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

3531 padding: 0px 16px;

3532 }	2864 }

3533	2865

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

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

3536 border:none;	2868 will-change: transform;

3537 outline: none;

3538 background: white;

3539 width: 100%;

3540 text-align: left;

3541 }	2869 }

3542	2870

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

3544 display: none !important;

3545 }	2871 }

3546	2872

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

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

3549	2875 position: relative;

3550 ;

3551 }	2876 }

3552	2877

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

3554 color: var(--paper-item-disabled-color,var(--disabled-text-color));;	2879 width: 100%;

3555

3556 ;

3557 }	2880 }

3558	2881

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

3560 position: relative;	2883 box-sizing: border-box;

3561 outline: 0;	2884 margin: 0;

3562	2885 position: absolute;

3563 ;	2886 top: 0;

3564 }	2887 will-change: transform;

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

3578 </template>

3579 </dom-module>

3580

3581

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

3583 <template>

3584

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

3586 display: block;

3587 position: relative;

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

3589 padding: 0px 16px;

3590 }

3591

3592 .paper-item {

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

3594 border:none;

3595 outline: none;

3596 background: white;

3597 width: 100%;

3598 text-align: left;

3599 }

3600

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

3602 display: none !important;

3603 }

3604

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

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

3607

3608 ;

3609 }

3610

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

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

3613

3614 ;

3615 }

3616

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

3618 position: relative;

3619 outline: 0;

3620

3621 ;

3622 }

3623

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

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

3626

3627 background: currentColor;

3628 content: '';

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

3630 pointer-events: none;

3631

3632 ;

3633 }

3634

3635 :host {

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

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

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

3639

3640 ;

3641 }	2888 }

3642	2889

3643 </style>	2890 </style>

3644	2891

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

3646 </template>	2899 </template>

	2900 </dom-module>

3647	2901

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

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

3650

3651 <template>	2903 <template>

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

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

3654 display: block;	2905 display: block;

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

3656 overflow: visible;

3657 }

3658

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

3660 display: none;

3661 }

3662

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

3664 overflow: hidden;

3665 }	2906 }

3666	2907

3667 </style>	2908 </style>

3668	2909

3669 <content></content>	2910 <content></content>

3670	2911

3671 </template>	2912 </template>

3672

3673 </dom-module>	2913 </dom-module>

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

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

3676 </dom-module>	2954 </dom-module>

	2955

	2956

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

3678 <template>	2958 <template>

3679 <style scope="history-item">[hidden] {	2959 <style scope="history-item">[hidden] {

3680 display: none !important;	2960 display: none !important;

3681 }	2961 }

3682	2962

3683 .card-title {	2963 .card-title {

3684 align-items: center;	2964 align-items: center;

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

3686 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...
3724	3004

3725 .website-title {	3005 .website-title {

3726 color: var(--primary-text-color);	3006 color: var(--primary-text-color);

3727 overflow: hidden;	3007 overflow: hidden;

3728 text-decoration: none;	3008 text-decoration: none;

3729 text-overflow: ellipsis;	3009 text-overflow: ellipsis;

3730 white-space: nowrap;	3010 white-space: nowrap;

3731 }	3011 }

3732	3012

3733 button.icon-button {	3013 button.icon-button {

3734 height: 36px;	3014 background: none;

	3015 border: none;

	3016 height: 36px;

	3017 outline: none;

3735 width: 36px;	3018 width: 36px;

3736 }	3019 }

3737	3020

3738 button.icon-button iron-icon {	3021 button.icon-button iron-icon {

3739 color: var(--secondary-text-color);	3022 color: var(--secondary-text-color);

3740 height: 20px;	3023 height: 20px;

3741 width: 20px;	3024 width: 20px;

3742 }	3025 }

3743	3026

3744 button.more-vert-button {	3027 button.more-vert-button {

3745 height: 36px;	3028 height: 36px;

3746 padding: 6px;	3029 padding: 6px;

3747 width: 36px;	3030 width: 36px;

3748 }	3031 }

3749	3032

3750 button.more-vert-button div {	3033 button.more-vert-button div {

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

3752 border-radius: 2px;	3035 border-radius: 2px;

3753 margin: 1px 10px;	3036 margin: 1px 10px;

3754 pointer-events: none;	3037 pointer-events: none;

3755 transform: scale(0.8);	3038 transform: scale(0.8);

3756 }	3039 }

3757	3040

3758 :host {	3041 :host {

3759 --checked-color: rgb(68, 136, 255);	3042 --checked-color: rgb(68, 136, 255);

3760 display: block;	3043 display: block;

3761 outline: none;	3044 outline: none;

3762 }	3045 }

3763	3046

	3047 button {

	3048 background: none;

	3049 border: none;

	3050 outline: none;

	3051 padding: 0;

	3052 }

	3053

3764 :host(:not([embedded])) #main-container {	3054 :host(:not([embedded])) #main-container {

3765 position: relative;	3055 position: relative;

3766 }	3056 }

3767	3057

3768 :host(:not([embedded])) #sizing-container {	3058 :host(:not([embedded])) #sizing-container {

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

3770 }	3060 }

3771	3061

3772 :host([is-card-end]) #main-container {	3062 :host([is-card-end]) #main-container {

3773 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...
3970 <div></div>	3260 <div></div>

3971 <div></div>	3261 <div></div>

3972 <div></div>	3262 <div></div>

3973 </button>	3263 </button>

3974 </div>	3264 </div>

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

3976 </div>	3266 </div>

3977 </div>	3267 </div>

3978 </template>	3268 </template>

3979 </dom-module>	3269 </dom-module>

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

3981 <template>

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

3983 display: none !important;

3984 }

3985

3986 .card-title {

3987 align-items: center;

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

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

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

3991 display: flex;

3992 font-size: 14px;

3993 font-weight: 500;

3994 height: 48px;

3995 line-height: 48px;

3996 overflow: hidden;

3997 padding: 0 20px;

3998 text-overflow: ellipsis;

3999 white-space: nowrap;

4000 }

4001

4002 .centered-message {

4003 align-items: center;

4004 color: #b4b4b4;

4005 display: flex;

4006 flex: 1;

4007 font-size: 14px;

4008 font-weight: 500;

4009 height: 100%;

4010 justify-content: center;

4011 }

4012

4013 .menu-item {

4014 -webkit-user-select: none;

4015 cursor: pointer;

4016 font: inherit;

4017 white-space: nowrap;

4018 }

4019

4020 .website-icon {

4021 -webkit-margin-end: 16px;

4022 background-repeat: no-repeat;

4023 background-size: 16px;

4024 height: 16px;

4025 width: 16px;

4026 }

4027

4028 .website-title {

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

4030 overflow: hidden;

4031 text-decoration: none;

4032 text-overflow: ellipsis;

4033 white-space: nowrap;

4034 }

4035

4036 button.icon-button {

4037 height: 36px;

4038 width: 36px;

4039 }

4040

4041 button.icon-button iron-icon {

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

4043 height: 20px;

4044 width: 20px;

4045 }

4046

4047 button.more-vert-button {

4048 height: 36px;

4049 padding: 6px;

4050 width: 36px;

4051 }

4052

4053 button.more-vert-button div {

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

4055 border-radius: 2px;

4056 margin: 1px 10px;

4057 pointer-events: none;

4058 transform: scale(0.8);

4059 }

4060

4061 :host {

4062 display: block;

4063 overflow: auto;

4064 position: relative;

4065 }

4066

4067 #main-container {

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

4069 align-items: center;

4070 display: flex;

4071 flex-direction: column;

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

4073 }

4074

4075 .domain-heading {

4076 align-items: center;

4077 display: flex;

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

4079 padding: 0 20px;

4080 }

4081

4082 .domain-count {

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

4084 padding-left: 10px;

4085 }

4086

4087 .domain-heading-text {

4088 display: flex;

4089 }

4090

4091 .group-container {

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

4093 background: #fff;

4094 border-radius: 2px;

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

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

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

4098 width: 100%;

4099 }

4100

4101 .card-title {

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

4103 }

4104

4105 .domain-heading-text {

4106 flex: 1 1 0;

4107 }

4108

4109 .dropdown-indicator {

4110 max-width: 16px;

4111 }

4112

4113 history-item {

4114 padding-left: 20px;

4115 }

4116

4117 </style>

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

4119 [[noResultsMessage(searchedTerm, querying)]]

4120 </div>

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

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

4123 <div class="group-container">

4124 <div class="card-title">

4125 [[group.title]]

4126 </div>

4127

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

4129 <div>

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

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

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

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

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

4135 </div>

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

4137 </div>

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

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

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

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

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

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

4144 </history-item>

4145 </template>

4146 </template>

4147 </iron-collapse>

4148 </div>

4149 </template>

4150 </div>

4151 </template>

4152 </div>

4153 </template>

4154 </dom-module>

4155

4156

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

4158 <template>

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

4160 display: block;

4161 position: relative;

4162 }

4163

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

4165 :host {

4166 will-change: transform;

4167 }

4168

4169 }

4170

4171 #items {

4172 ;

4173 position: relative;

4174 }

4175

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

4177 width: 100%;

4178 }

4179

4180 #items > ::content > * {

4181 box-sizing: border-box;

4182 margin: 0;

4183 position: absolute;

4184 top: 0;

4185 will-change: transform;

4186 }

4187

4188 </style>

4189

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

4191 </array-selector>

4192

4193 <div id="items">

4194 <content></content>

4195 </div>

4196

4197 </template>

4198 </dom-module>

4199

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

4201 <template>

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

4203 display: block;

4204 }

4205

4206 </style>

4207

4208 <content></content>

4209

4210 </template>

4211 </dom-module>

4212

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

4214 <template>	3271 <template>

4215 <style scope="history-list">[hidden] {	3272 <style scope="history-list">[hidden] {

4216 display: none !important;	3273 display: none !important;

4217 }	3274 }

4218	3275

4219 .card-title {

4220 align-items: center;

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

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

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

4224 display: flex;

4225 font-size: 14px;

4226 font-weight: 500;

4227 height: 48px;

4228 line-height: 48px;

4229 overflow: hidden;

4230 padding: 0 20px;

4231 text-overflow: ellipsis;

4232 white-space: nowrap;

4233 }

4234

4235 .centered-message {

4236 align-items: center;

4237 color: #b4b4b4;

4238 display: flex;

4239 flex: 1;

4240 font-size: 14px;

4241 font-weight: 500;

4242 height: 100%;

4243 justify-content: center;

4244 }

4245

4246 .menu-item {

4247 -webkit-user-select: none;

4248 cursor: pointer;

4249 font: inherit;

4250 white-space: nowrap;

4251 }

4252

4253 .website-icon {

4254 -webkit-margin-end: 16px;

4255 background-repeat: no-repeat;

4256 background-size: 16px;

4257 height: 16px;

4258 width: 16px;

4259 }

4260

4261 .website-title {

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

4263 overflow: hidden;

4264 text-decoration: none;

4265 text-overflow: ellipsis;

4266 white-space: nowrap;

4267 }

4268

4269 button.icon-button {

4270 height: 36px;

4271 width: 36px;

4272 }

4273

4274 button.icon-button iron-icon {

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

4276 height: 20px;

4277 width: 20px;

4278 }

4279

4280 button.more-vert-button {

4281 height: 36px;

4282 padding: 6px;

4283 width: 36px;

4284 }

4285

4286 button.more-vert-button div {

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

4288 border-radius: 2px;

4289 margin: 1px 10px;

4290 pointer-events: none;

4291 transform: scale(0.8);

4292 }

4293

4294 :host {

4295 box-sizing: border-box;

4296 display: block;

4297 overflow: auto;

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

4299 }

4300

4301 history-item {

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

4303 }

4304

4305 </style>

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

4307 {{noResultsMessage(searchedTerm, querying)}}

4308 </div>

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

4310 <template>

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

4312 </history-item>

4313 </template>

4314 </iron-list>

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

4316 </iron-scroll-threshold>

4317 </template>

4318 </dom-module>

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

4320 <template>

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

4322 display: none !important;

4323 }

4324

4325 .card-title {

4326 align-items: center;

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

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

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

4330 display: flex;

4331 font-size: 14px;

4332 font-weight: 500;

4333 height: 48px;

4334 line-height: 48px;

4335 overflow: hidden;

4336 padding: 0 20px;

4337 text-overflow: ellipsis;

4338 white-space: nowrap;

4339 }

4340

4341 .centered-message {

4342 align-items: center;

4343 color: #b4b4b4;

4344 display: flex;

4345 flex: 1;

4346 font-size: 14px;

4347 font-weight: 500;

4348 height: 100%;

4349 justify-content: center;

4350 }

4351

4352 .menu-item {

4353 -webkit-user-select: none;

4354 cursor: pointer;

4355 font: inherit;

4356 white-space: nowrap;

4357 }

4358

4359 .website-icon {

4360 -webkit-margin-end: 16px;

4361 background-repeat: no-repeat;

4362 background-size: 16px;

4363 height: 16px;

4364 width: 16px;

4365 }

4366

4367 .website-title {

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

4369 overflow: hidden;

4370 text-decoration: none;

4371 text-overflow: ellipsis;

4372 white-space: nowrap;

4373 }

4374

4375 button.icon-button {

4376 height: 36px;

4377 width: 36px;

4378 }

4379

4380 button.icon-button iron-icon {

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

4382 height: 20px;

4383 width: 20px;

4384 }

4385

4386 button.more-vert-button {

4387 height: 36px;

4388 padding: 6px;

4389 width: 36px;

4390 }

4391

4392 button.more-vert-button div {

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

4394 border-radius: 2px;

4395 margin: 1px 10px;

4396 pointer-events: none;

4397 transform: scale(0.8);

4398 }

4399

4400 paper-spinner {

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

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

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

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

4405 }

4406

4407 .action-button {

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

4409 color: white;

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

4411 }

4412

4413 .action-button[disabled] {

4414 opacity: .25;

4415 }

4416

4417 .cancel-button {

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

4419 }

4420

4421 .action-button, .cancel-button {

4422 font-weight: 500;

4423 }

4424

4425 [actionable] {

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

4427 }

4428

4429 [scrollable] {

4430 border-color: transparent;

4431 border-style: solid;

4432 border-width: 1px 0;

4433 overflow-y: auto;

4434 }

4435

4436 [scrollable].is-scrolled {

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

4438 }

4439

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

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

4442 }

4443

4444 [scrollable] :focus {

4445 ;

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

4447 }

4448

4449 [scrollable] iron-list > * {

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

4451 }

4452

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

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

4455 }

4456

4457 [selectable] > * {

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

4459 }

4460

4461 :host {

4462 display: block;

4463 height: 100%;

4464 overflow: hidden;

4465 }

4466

4467 #content, #content > * {

4468 height: 100%;

4469 }

4470

4471 dialog .body {

4472 white-space: pre-wrap;

4473 }

4474

4475 </style>

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

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

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

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

4480 </history-grouped-list>

4481 </template>

4482 </iron-pages>

4483

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

4485 <dialog is="cr-dialog">

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

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

4488 <div class="button-container">

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

4490 $i18n{cancel}

4491 </paper-button>

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

4493 $i18n{deleteConfirm}

4494 </paper-button>

4495 </div>

4496 </dialog>

4497 </template>

4498

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

4500 <cr-shared-menu>

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

4502 $i18n{moreFromSite}

4503 </paper-item>

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

4505 $i18n{removeFromHistory}

4506 </paper-item>

4507 </cr-shared-menu>

4508 </template>

4509 </template>

4510 </dom-module>

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

4512 <template>

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

4514 display: none !important;

4515 }

4516

4517 .card-title {	3276 .card-title {

4518 align-items: center;	3277 align-items: center;

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

4520 border-radius: 2px 2px 0 0;	3279 border-radius: 2px 2px 0 0;

4521 color: var(--primary-text-color);	3280 color: var(--primary-text-color);

4522 display: flex;	3281 display: flex;

4523 font-size: 14px;	3282 font-size: 14px;

4524 font-weight: 500;	3283 font-weight: 500;

4525 height: 48px;	3284 height: 48px;

4526 line-height: 48px;	3285 line-height: 48px;

(...skipping 31 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4558	3317

4559 .website-title {	3318 .website-title {

4560 color: var(--primary-text-color);	3319 color: var(--primary-text-color);

4561 overflow: hidden;	3320 overflow: hidden;

4562 text-decoration: none;	3321 text-decoration: none;

4563 text-overflow: ellipsis;	3322 text-overflow: ellipsis;

4564 white-space: nowrap;	3323 white-space: nowrap;

4565 }	3324 }

4566	3325

4567 button.icon-button {	3326 button.icon-button {

4568 height: 36px;	3327 background: none;

	3328 border: none;

	3329 height: 36px;

	3330 outline: none;

4569 width: 36px;	3331 width: 36px;

4570 }	3332 }

4571	3333

4572 button.icon-button iron-icon {	3334 button.icon-button iron-icon {

4573 color: var(--secondary-text-color);	3335 color: var(--secondary-text-color);

4574 height: 20px;	3336 height: 20px;

4575 width: 20px;	3337 width: 20px;

4576 }	3338 }

4577	3339

4578 button.more-vert-button {	3340 button.more-vert-button {

4579 height: 36px;	3341 height: 36px;

4580 padding: 6px;	3342 padding: 6px;

4581 width: 36px;	3343 width: 36px;

4582 }	3344 }

4583	3345

4584 button.more-vert-button div {	3346 button.more-vert-button div {

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

4586 border-radius: 2px;	3348 border-radius: 2px;

4587 margin: 1px 10px;	3349 margin: 1px 10px;

4588 pointer-events: none;	3350 pointer-events: none;

4589 transform: scale(0.8);	3351 transform: scale(0.8);

4590 }	3352 }

4591	3353

4592 :host {	3354 :host {

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

4594 display: block;	3356 display: block;

4595 padding-bottom: var(--card-padding-between);	3357 overflow: auto;

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

4596 }	3359 }

4597	3360

4598 #card-heading {	3361 history-item {

4599 -webkit-padding-end: 0;	3362 --history-item-padding-side: var(--card-padding-side);

4600 cursor: pointer;

4601 justify-content: space-between;

4602 }

4603

4604 #tab-item-list {

4605 padding: 8px 0;

4606 }

4607

4608 #last-update-time {

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

4610 }

4611

4612 #title-left-content {

4613 display: flex;

4614 overflow: hidden;

4615 }

4616

4617 #device-name {

4618 overflow: hidden;

4619 padding-right: 3px;

4620 text-overflow: ellipsis;

4621 }

4622

4623 #right-buttons {

4624 -webkit-margin-end: 4px;

4625 }

4626

4627 #menu-button {

4628 -webkit-margin-end: 8px;

4629 }

4630

4631 #collapse {

4632 overflow: hidden;

4633 }

4634

4635 #history-item-container {

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

4637 background: #fff;

4638 border-radius: 2px;

4639 }

4640

4641 #item-container {

4642 align-items: center;

4643 display: flex;

4644 margin: 0 20px;

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

4646 }

4647

4648 #window-separator {

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

4650 height: 1px;

4651 margin: 5px auto;

4652 width: 80%;

4653 }	3363 }

4654	3364

4655 </style>	3365 </style>

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

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

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

4659 <div id="device-name">

4660 [[device]]

4661 </div>

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

4663 </div>

4664 <div id="right-buttons">

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

4666 <div></div>

4667 <div></div>

4668 <div></div>

4669 </button>

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

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

4672 </iron-icon>

4673 </button>

4674 </div>

4675 </div>

4676

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

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

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

4680 <div id="item-container">

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

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

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

4684 </a>

4685 </div>

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

4687 </div>

4688 </template>

4689 </div>

4690 </iron-collapse>

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

4692 </template>	3377 </template>

4693 </dom-module>	3378 </dom-module>

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

4695 <template>	3382 <template>

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

4697 display: none !important;	3384 display: none !important;

4698 }	3385 }

4699	3386

4700 .card-title {	3387 .card-title {

4701 align-items: center;	3388 align-items: center;

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

4703 border-radius: 2px 2px 0 0;	3390 border-radius: 2px 2px 0 0;

4704 color: var(--primary-text-color);	3391 color: var(--primary-text-color);

4705 display: flex;	3392 display: flex;

4706 font-size: 14px;	3393 font-size: 14px;

(...skipping 34 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4741	3428

4742 .website-title {	3429 .website-title {

4743 color: var(--primary-text-color);	3430 color: var(--primary-text-color);

4744 overflow: hidden;	3431 overflow: hidden;

4745 text-decoration: none;	3432 text-decoration: none;

4746 text-overflow: ellipsis;	3433 text-overflow: ellipsis;

4747 white-space: nowrap;	3434 white-space: nowrap;

4748 }	3435 }

4749	3436

4750 button.icon-button {	3437 button.icon-button {

4751 height: 36px;	3438 background: none;

	3439 border: none;

	3440 height: 36px;

	3441 outline: none;

4752 width: 36px;	3442 width: 36px;

4753 }	3443 }

4754	3444

4755 button.icon-button iron-icon {	3445 button.icon-button iron-icon {

4756 color: var(--secondary-text-color);	3446 color: var(--secondary-text-color);

4757 height: 20px;	3447 height: 20px;

4758 width: 20px;	3448 width: 20px;

4759 }	3449 }

4760	3450

4761 button.more-vert-button {	3451 button.more-vert-button {

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

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

4830 }	3520 }

4831	3521

4832 [selectable] > * {	3522 [selectable] > * {

4833 cursor: var(--cr-actionable_-_cursor);	3523 cursor: var(--cr-actionable_-_cursor);

4834 }	3524 }

4835	3525

4836 :host {	3526 :host {

4837 display: block;	3527 display: block;

4838 overflow: auto;	3528 height: 100%;

	3529 overflow: hidden;

4839 }	3530 }

4840	3531

4841 #illustration {	3532 #content, #content > * {

4842 background: -webkit-image-set(

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

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

4845 no-repeat center center;

4846 height: 222px;

4847 margin-top: 100px;

4848 width: 594px;

4849 }

4850

4851 #no-synced-tabs {

4852 height: 100%;	3533 height: 100%;

4853 }	3534 }

4854	3535

4855 #sign-in-guide {	3536 dialog .body {

4856 align-items: center;	3537 white-space: pre-wrap;

4857 display: flex;

4858 flex-direction: column;

4859 justify-content: center;

4860 overflow-x: hidden;

4861 text-align: center;

4862 }

4863

4864 #sign-in-promo {

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

4866 font-size: 215%;

4867 margin-top: 40px;

4868 }

4869

4870 #sign-in-promo-desc {

4871 color: #848484;

4872 font-size: 123%;

4873 margin-top: 10px;

4874 }

4875

4876 #sign-in-button {

4877 margin: 24px 0;

4878 padding-left: 12px;

4879 padding-right: 12px;

4880 }

4881

4882 #synced-device-list {

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

4884 }	3538 }

4885	3539

4886 </style>	3540 </style>

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

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

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

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

4891 </template>	3546 </template>

4892 </div>	3547 </iron-pages>

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

4894 guestSession_)]]">

4895 [[noSyncedTabsMessage(fetchingSyncedTabs_)]]

4896 </div>

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

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

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

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

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

4902 $i18n{signInButton}

4903 </paper-button>

4904 </div>

4905	3548

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

4907 <cr-shared-menu>	3565 <cr-shared-menu>

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

4909 $i18n{openAll}	3567 $i18n{moreFromSite}

4910 </paper-item>	3568 </paper-item>

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

4912 $i18n{deleteSession}	3570 $i18n{removeFromHistory}

4913 </paper-item>	3571 </paper-item>

4914 </cr-shared-menu>	3572 </cr-shared-menu>

4915 </template>	3573 </template>

4916 </template>	3574 </template>

4917 </dom-module>	3575 </dom-module>

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

4919 <template>	3577 <template>

4920 <style scope="history-side-bar">[hidden] {	3578 <style scope="history-side-bar">[hidden] {

4921 display: none !important;	3579 display: none !important;

4922 }	3580 }

(...skipping 42 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4965	3623

4966 .website-title {	3624 .website-title {

4967 color: var(--primary-text-color);	3625 color: var(--primary-text-color);

4968 overflow: hidden;	3626 overflow: hidden;

4969 text-decoration: none;	3627 text-decoration: none;

4970 text-overflow: ellipsis;	3628 text-overflow: ellipsis;

4971 white-space: nowrap;	3629 white-space: nowrap;

4972 }	3630 }

4973	3631

4974 button.icon-button {	3632 button.icon-button {

4975 height: 36px;	3633 background: none;

	3634 border: none;

	3635 height: 36px;

	3636 outline: none;

4976 width: 36px;	3637 width: 36px;

4977 }	3638 }

4978	3639

4979 button.icon-button iron-icon {	3640 button.icon-button iron-icon {

4980 color: var(--secondary-text-color);	3641 color: var(--secondary-text-color);

4981 height: 20px;	3642 height: 20px;

4982 width: 20px;	3643 width: 20px;

4983 }	3644 }

4984	3645

4985 button.more-vert-button {	3646 button.more-vert-button {

(...skipping 154 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
5140	3801

5141 .website-title {	3802 .website-title {

5142 color: var(--primary-text-color);	3803 color: var(--primary-text-color);

5143 overflow: hidden;	3804 overflow: hidden;

5144 text-decoration: none;	3805 text-decoration: none;

5145 text-overflow: ellipsis;	3806 text-overflow: ellipsis;

5146 white-space: nowrap;	3807 white-space: nowrap;

5147 }	3808 }

5148	3809

5149 button.icon-button {	3810 button.icon-button {

5150 height: 36px;	3811 background: none;

	3812 border: none;

	3813 height: 36px;

	3814 outline: none;

5151 width: 36px;	3815 width: 36px;

5152 }	3816 }

5153	3817

5154 button.icon-button iron-icon {	3818 button.icon-button iron-icon {

5155 color: var(--secondary-text-color);	3819 color: var(--secondary-text-color);

5156 height: 20px;	3820 height: 20px;

5157 width: 20px;	3821 width: 20px;

5158 }	3822 }

5159	3823

5160 button.more-vert-button {	3824 button.more-vert-button {

(...skipping 30 matching lines...) Expand all Loading...
5191 }	3855 }

5192	3856

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

5194 float: right;	3858 float: right;

5195 }	3859 }

5196	3860

5197 #content, #content > * {	3861 #content, #content > * {

5198 height: 100%;	3862 height: 100%;

5199 }	3863 }

5200	3864

	3865 #drawer:unresolved {

	3866 display: none;

	3867 }

	3868

5201 #drawer-header {	3869 #drawer-header {

5202 align-items: center;	3870 align-items: center;

5203 border-bottom: 1px solid rgba(0, 0, 0, 0.08);	3871 border-bottom: 1px solid rgba(0, 0, 0, 0.08);

5204 display: flex;	3872 display: flex;

5205 height: var(--toolbar-height);	3873 height: var(--toolbar-height);

5206 margin-bottom: 5px;	3874 margin-bottom: 5px;

5207 }	3875 }

5208	3876

5209 h1 {	3877 h1 {

5210 -webkit-padding-start: 24px;	3878 -webkit-padding-start: 24px;

(...skipping 49 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
5260 <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="">

5261 </history-side-bar>	3929 </history-side-bar>

5262 </app-drawer>	3930 </app-drawer>

5263 </template>	3931 </template>

5264	3932

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

5266 </iron-media-query>	3934 </iron-media-query>

5267 </template>	3935 </template>

5268 </dom-module>	3936 </dom-module>

5269 <script src="app.crisper.js"></script></body></html>	3937 <script src="app.crisper.js"></script></body></html>

OLD	NEW