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.

Unified 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, 7 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 side-by-side diff with in-line comments

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 »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html

diff --git a/third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html b/third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html

index fec7521c91f1897a5d92e48f03a00daad09e578f..290e4f98b1cb2a45b6368665fad4b3d2db0aa02b 100644

--- a/third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html

+++ b/third_party/polymer/v0_8/components-chromium/paper-item/paper-item.html

@@ -1,18 +1,55 @@

<!--

- @license

- This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt

- The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

- The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt

- Code distributed by Google as part of the polymer project is also

- subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt

+@license

+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt

+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt

+Code distributed by Google as part of the polymer project is also

+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt

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

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

<!--

-`paper-item` is a non-interactive list item.

+`<paper-item>` is a non-interactive list item. By default, it is a horizontal flexbox.

+ <paper-item>Item</paper-item>

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

+items.

+ <paper-item>

+ <paper-item-body two-line>

+ <div>Show your status</div>

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

+ </paper-item-body>

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

+ </paper-item>

+### Styling

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

+Custom property | Description | Default

+----------------|-------------|----------

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

+`--paper-item` | Mixin applied to the item | `{}`

+### Accessibility

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

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

+ <paper-item role="menuitemcheckbox">

+ <paper-item-body>

+ Show your status

+ </paper-item-body>

+ <paper-checkbox></paper-checkbox>

+ </paper-item>

+@group Paper Elements

@element paper-item

+@demo demo/index.html

-->

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

@@ -22,11 +59,11 @@

<style>

:host {

- mixin(--layout-horizontal);

- mixin(--layout-center);

- mixin(--paper-font-subhead);

+ @apply(--layout-horizontal);

+ @apply(--layout-center);

+ @apply(--paper-font-subhead);

- mixin(--paper-item);

+ @apply(--paper-item);

}

</style>