third_party/polymer/v1_0/components-chromium/paper-item/paper-item.html - Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3

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

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml

Patch Set: local-state.html Created 5 years 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

« components/proximity_auth/webui/resources/local-state.html ('K') | « third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item-extracted.js ('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">	10 <link rel="import" href="../iron-behaviors/iron-control-state.html">

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

12 <link rel="import" href="../paper-styles/paper-styles.html">	12 <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-item-behavior.html">

13 <link rel="import" href="paper-item-shared-styles.html">	15 <link rel="import" href="paper-item-shared-styles.html">

14	16

15 <!--	17 <!--

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

17	19

18 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox.	20 `<paper-item>` is an interactive list item. By default, it is a horizontal flexb ox.

19	21

20 <paper-item>Item</paper-item>	22 <paper-item>Item</paper-item>

21	23

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

23 items.	25 items.

24	26

25 <paper-item>	27 <paper-item>

26 <paper-item-body two-line>	28 <paper-item-body two-line>

27 <div>Show your status</div>	29 <div>Show your status</div>

28 <div secondary>Your status is visible to everyone</div>	30 <div secondary>Your status is visible to everyone</div>

29 </paper-item-body>	31 </paper-item-body>

30 <iron-icon icon="warning"></iron-icon>	32 <iron-icon icon="warning"></iron-icon>

31 </paper-item>	33 </paper-item>

32	34

33 ### Styling	35 ### Styling

34	36

35 The following custom properties and mixins are available for styling:	37 The following custom properties and mixins are available for styling:

36	38

37 Custom property \| Description \| Default	39 Custom property \| Description \| Default

38 ------------------------------\|------------------------------------------------\| ----------	40 ------------------------------\|------------------------------------------------\| ----------

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

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

41 `--paper-item-selected-weight`\| The font weight of a selected item \| `bold`	43 `--paper-item-selected-weight`\| The font weight of a selected item \| `bold`

42 `--paper-item-selected` \| Mixin applied to selected paper-items \| `{}`	44 `--paper-item-selected` \| Mixin applied to selected paper-items \| `{}`

43 `--paper-item-disabled-color` \| The color for disabled paper-items \| `--disabled-text-color`	45 `--paper-item-disabled-color` \| The color for disabled paper-items \| `--disabled-text-color`

44 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`	46 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`

45 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`	47 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`

46 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`	48 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`

47	49

48

49 ### Accessibility	50 ### Accessibility

50	51

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

52 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.	53 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.

53	54

54 <paper-item role="menuitemcheckbox">	55 <paper-item role="menuitemcheckbox">

55 <paper-item-body>	56 <paper-item-body>

56 Show your status	57 Show your status

57 </paper-item-body>	58 </paper-item-body>

58 <paper-checkbox></paper-checkbox>	59 <paper-checkbox></paper-checkbox>

(...skipping 15 matching lines...) Expand all Loading...
74	75

75 @apply(--paper-item);	76 @apply(--paper-item);

76 }	77 }

77 </style>	78 </style>

78	79

79 <content></content>	80 <content></content>

80 </template>	81 </template>

81	82

82 </dom-module>	83 </dom-module>

83 <script src="paper-item-extracted.js"></script></body></html>	84 <script src="paper-item-extracted.js"></script></body></html>

OLD	NEW