third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 6 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

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/paper-item/paper-icon-item-extracted.js ('k') | third_party/polymer/v0_8/components-chromium/paper-item/paper-item-body.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polym er.github.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/CO NTRIBUTORS.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/P ATENTS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

10 <link rel="import" href="../paper-styles/paper-styles.html">	11 <link rel="import" href="../paper-styles/paper-styles.html">

11	12

12 <!--	13 <!--

13 `paper-item` is a non-interactive list item.	14 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox.

14	15

	16 <paper-item>Item</paper-item>

	17

	18 Use this element with `<paper-item-body>` to make Material Design styled two-lin e and three-line

	19 items.

	20

	21 <paper-item>

	22 <paper-item-body two-line>

	23 <div>Show your status</div>

	24 <div secondary>Your status is visible to everyone</div>

	25 </paper-item-body>

	26 <iron-icon icon="warning"></iron-icon>

	27 </paper-item>

	28

	29 ### Styling

	30

	31 The following custom properties and mixins are available for styling:

	32

	33 Custom property \| Description \| Default

	34 ----------------\|-------------\|----------

	35 `--paper-item-min-height` \| Minimum height of the item \| `48px`

	36 `--paper-item` \| Mixin applied to the item \| `{}`

	37

	38 ### Accessibility

	39

	40 This element has `role="listitem"` by default. Depending on usage, it may be mor e appropriate to set

	41 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.

	42

	43 <paper-item role="menuitemcheckbox">

	44 <paper-item-body>

	45 Show your status

	46 </paper-item-body>

	47 <paper-checkbox></paper-checkbox>

	48 </paper-item>

	49

	50 @group Paper Elements

15 @element paper-item	51 @element paper-item

	52 @demo demo/index.html

16 -->	53 -->

17	54

18 </head><body><dom-module id="paper-item">	55 </head><body><dom-module id="paper-item">

19	56

20 <link rel="import" type="css" href="paper-item-shared.css">	57 <link rel="import" type="css" href="paper-item-shared.css">

21	58

22 <style>	59 <style>

23	60

24 :host {	61 :host {

25 mixin(--layout-horizontal);	62 @apply(--layout-horizontal);

26 mixin(--layout-center);	63 @apply(--layout-center);

27 mixin(--paper-font-subhead);	64 @apply(--paper-font-subhead);

28	65

29 mixin(--paper-item);	66 @apply(--paper-item);

30 }	67 }

31	68

32 </style>	69 </style>

33	70

34 <template>	71 <template>

35 <content></content>	72 <content></content>

36 </template>	73 </template>

37	74

38 </dom-module>	75 </dom-module>

39	76

40 <script src="paper-item-extracted.js"></script></body></html>	77 <script src="paper-item-extracted.js"></script></body></html>

OLD	NEW