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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-item/paper-item-body.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-item-behavior-extracted.js ('k') | third_party/polymer/v1_0/components-chromium/paper-item/paper-item-shared-styles.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-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

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

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

13 <link rel="import" href="../paper-styles/typography.html">	12 <link rel="import" href="../paper-styles/typography.html">

	13

14 <!--	14 <!--

15 Use `<paper-item-body>` in a `<paper-item>` or `<paper-icon-item>` to make two- or	15 Use `<paper-item-body>` in a `<paper-item>` or `<paper-icon-item>` to make two- or

16 three- line items. It is a flex item that is a vertical flexbox.	16 three- line items. It is a flex item that is a vertical flexbox.

17	17

18 <paper-item>	18 <paper-item>

19 <paper-item-body two-line>	19 <paper-item-body two-line>

20 <div>Show your status</div>	20 <div>Show your status</div>

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

22 </paper-item-body>	22 </paper-item-body>

23 </paper-item>	23 </paper-item>

(...skipping 25 matching lines...) Expand all Loading...
49	49

50 :host([two-line]) {	50 :host([two-line]) {

51 min-height: var(--paper-item-body-two-line-min-height, 72px);	51 min-height: var(--paper-item-body-two-line-min-height, 72px);

52 }	52 }

53	53

54 :host([three-line]) {	54 :host([three-line]) {

55 min-height: var(--paper-item-body-three-line-min-height, 88px);	55 min-height: var(--paper-item-body-three-line-min-height, 88px);

56 }	56 }

57	57

58 :host > ::content > * {	58 :host > ::content > * {

59 white-space: nowrap;

60 overflow: hidden;	59 overflow: hidden;

61 text-overflow: ellipsis;	60 text-overflow: ellipsis;

	61 white-space: nowrap;

62 }	62 }

63	63

64 :host > ::content [secondary] {	64 :host > ::content [secondary] {

	65 @apply(--paper-font-body1);

	66

65 color: var(--paper-item-body-secondary-color, --secondary-text-color);	67 color: var(--paper-item-body-secondary-color, --secondary-text-color);

66 @apply(--paper-font-body1);

67	68

68 @apply(--paper-item-body-secondary);	69 @apply(--paper-item-body-secondary);

69 }	70 }

70 </style>	71 </style>

71	72

72 <content></content>	73 <content></content>

73 </template>	74 </template>

74	75

75 </dom-module>	76 </dom-module>

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

OLD	NEW