third_party/polymer/v0_8/components-chromium/paper-item/paper-icon-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-icon-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/index.html ('k') | third_party/polymer/v0_8/components-chromium/paper-item/paper-icon-item-extracted.js » ('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-icon-item.html

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

index cefa45f578f2543bcab9558d94c405229d04dc88..4c8588bf6b1265fcfe4bd153e24da2a66b2a137e 100644

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

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

@@ -1,18 +1,38 @@

<!--

- @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">

<!--

-`paper-icon-item` is a list item with a fixed-width icon area.

+`<paper-icon-item>` is a convenience element to make an item with icon. It is a non interactive list

+item with a fixed-width icon area, according to Material Design. This is useful if the icons are of

+varying widths, but you want the item bodies to line up. Use this like a `<paper-item>`. The child

+node with the attribute `item-icon` is placed in the icon area.

+ <paper-icon-item>

+ <iron-icon icon="favorite" item-icon></iron-icon>

+ Favorite

+ </paper-icon-item>

+ <paper-icon-item>

+ <div class="avatar" item-icon></div>

+ Avatar

+ </paper-icon-item>

+### Styling

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

+Custom property | Description | Default

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

+`--paper-item-icon-width` | Width of the icon area | `56px`

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

-@element paper-icon-item

-->

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

@@ -22,12 +42,16 @@

<style>

:host {

- mixin(--layout-horizontal);

- mixin(--layout-center);

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

+ @apply(--layout-horizontal);

+ @apply(--layout-center);

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

+ @apply(--paper-item);

+ @apply(--paper-icon-item);

+ }

- mixin(--paper-item);

- mixin(--paper-icon-item);

+ .content-icon {

+ width: var(--paper-item-icon-width, 56px);

}

</style>