third_party/polymer/v1_0/components-chromium/paper-item/paper-item.html - Issue 1561893002: [Polymer] Roll polymer to latest version

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

Issue 1561893002: [Polymer] Roll polymer to latest version (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: update grdp Created 4 years, 11 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/v1_0/components-chromium/paper-item/paper-icon-item.html ('k') | third_party/polymer/v1_0/components-chromium/paper-item/paper-item-behavior.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://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 --><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-behaviors/iron-control-state.html">

11 <link rel="import" href="../iron-behaviors/iron-button-state.html">

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

13 <link rel="import" href="../paper-styles/default-theme.html">

14 <link rel="import" href="../paper-styles/color.html">

15 <link rel="import" href="paper-item-behavior.html">	11 <link rel="import" href="paper-item-behavior.html">

16 <link rel="import" href="paper-item-shared-styles.html">	12 <link rel="import" href="paper-item-shared-styles.html">

17	13

18 <!--	14 <!--

19 Material design: [Lists](https://www.google.com/design/spec/components/lists.htm l)	15 Material design: [Lists](https://www.google.com/design/spec/components/lists.htm l)

20	16

21 `<paper-item>` is an interactive list item. By default, it is a horizontal flexb ox.	17 `<paper-item>` is an interactive list item. By default, it is a horizontal flexb ox.

22	18

23 <paper-item>Item</paper-item>	19 <paper-item>Item</paper-item>

24	20

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

26 items.	22 items.

27	23

28 <paper-item>	24 <paper-item>

29 <paper-item-body two-line>	25 <paper-item-body two-line>

30 <div>Show your status</div>	26 <div>Show your status</div>

31 <div secondary>Your status is visible to everyone</div>	27 <div secondary>Your status is visible to everyone</div>

32 </paper-item-body>	28 </paper-item-body>

33 <iron-icon icon="warning"></iron-icon>	29 <iron-icon icon="warning"></iron-icon>

34 </paper-item>	30 </paper-item>

35	31

36 ### Styling	32 ### Styling

37	33

38 The following custom properties and mixins are available for styling:	34 The following custom properties and mixins are available for styling:

39	35

40 Custom property \| Description \| Default	36 Custom property \| Description \| D efault

41 ------------------------------\|------------------------------------------------\| ----------	37 ------------------------------\|----------------------------------------------\|-- --------

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

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

44 `--paper-item-selected-weight`\| The font weight of a selected item \| `bold`	40 `--paper-item-selected-weight`\| The font weight of a selected item \| ` bold`

45 `--paper-item-selected` \| Mixin applied to selected paper-items \| `{}`	41 `--paper-item-selected` \| Mixin applied to selected paper-items \| ` {}`

46 `--paper-item-disabled-color` \| The color for disabled paper-items \| `--disabled-text-color`	42 `--paper-item-disabled-color` \| The color for disabled paper-items \| ` --disabled-text-color`

47 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`	43 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`

48 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`	44 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`

49 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`	45 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`

50	46

51 ### Accessibility	47 ### Accessibility

52	48

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

54 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.	50 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.

55	51

56 <paper-item role="menuitemcheckbox">	52 <paper-item role="menuitemcheckbox">

(...skipping 19 matching lines...) Expand all Loading...
76	72

77 @apply(--paper-item);	73 @apply(--paper-item);

78 }	74 }

79 </style>	75 </style>

80	76

81 <content></content>	77 <content></content>

82 </template>	78 </template>

83	79

84 </dom-module>	80 </dom-module>

85 <script src="paper-item-extracted.js"></script></body></html>	81 <script src="paper-item-extracted.js"></script></body></html>

OLD	NEW