chrome/browser/resources/md_history/history_item.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/history_item.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.vulcanized.html ('k') | chrome/browser/resources/md_history/history_toolbar.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 <link rel="import" href="chrome://resources/cr_elements/icons.html">	1 <link rel="import" href="chrome://resources/cr_elements/icons.html">

2 <link rel="import" href="chrome://resources/html/cr/ui/focus_row.html">	2 <link rel="import" href="chrome://resources/html/cr/ui/focus_row.html">

3 <link rel="import" href="chrome://resources/html/polymer.html">	3 <link rel="import" href="chrome://resources/html/polymer.html">

4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">	4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">

5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">

6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html">

7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">	5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">

8 <link rel="import" href="chrome://resources/html/icon.html">	6 <link rel="import" href="chrome://resources/html/icon.html">

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

10 <link rel="import" href="chrome://history/browser_service.html">	8 <link rel="import" href="chrome://history/browser_service.html">

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

12 <link rel="import" href="chrome://history/searched_label.html">	10 <link rel="import" href="chrome://history/searched_label.html">

13 <link rel="import" href="chrome://history/shared_style.html">	11 <link rel="import" href="chrome://history/shared_style.html">

14	12

	13 <!-- Lazy loaded: paper-icon-button-light. -->

	14

15 <dom-module id="history-item">	15 <dom-module id="history-item">

16 <template>	16 <template>

17 <style include="shared-style">	17 <style include="shared-style">

18 :host {	18 :host {

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

20 display: block;	20 display: block;

21 outline: none;	21 outline: none;

22 }	22 }

23	23

	24 /** Unresolved paper-icon-button-light styles. */

	25 button {

	26 background: none;

	27 border: none;

	28 outline: none;

	29 padding: 0;

	30 }

	31

24 :host(:not([embedded])) #main-container {	32 :host(:not([embedded])) #main-container {

25 position: relative;	33 position: relative;

26 }	34 }

27	35

28 :host(:not([embedded])) #sizing-container {	36 :host(:not([embedded])) #sizing-container {

29 @apply(--card-sizing);	37 @apply(--card-sizing);

30 }	38 }

31	39

32 :host([is-card-end]) #main-container {	40 :host([is-card-end]) #main-container {

33 margin-bottom: var(--card-padding-between);	41 margin-bottom: var(--card-padding-between);

(...skipping 209 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
243 <div></div>	251 <div></div>

244 <div></div>	252 <div></div>

245 </button>	253 </button>

246 </div>	254 </div>

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

248 </div>	256 </div>

249 </div>	257 </div>

250 </template>	258 </template>

251 <script src="chrome://history/history_item.js"></script>	259 <script src="chrome://history/history_item.js"></script>

252 </dom-module>	260 </dom-module>

OLD	NEW