| Index: third_party/polymer/v1_0/components-chromium/paper-card/paper-card.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-card/paper-card.html b/third_party/polymer/v1_0/components-chromium/paper-card/paper-card.html
|
| index 3d6cceac84eb8106463ab18d0eed0e9d6bbeb56c..a29cbfeb4d7197c5f96dc85eb7e8016f6561abe3 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-card/paper-card.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-card/paper-card.html
|
| @@ -8,6 +8,7 @@ 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="../paper-material/paper-material.html">
|
| +<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
|
|
|
| <!--
|
| Material Design: <a href="http://www.google.com/design/spec/components/cards.html">Cards</a>
|
| @@ -23,6 +24,12 @@ Example:
|
| </div>
|
| </paper-card>
|
|
|
| +Example - top card image:
|
| +
|
| + <paper-card heading="Card Title" image="/path/to/image.png">
|
| + ...
|
| + </paper-card>
|
| +
|
| ### Accessibility
|
|
|
| By default, the `aria-label` will be set to the value of the `heading` attribute.
|
| @@ -62,8 +69,7 @@ Custom property | Description | Default
|
|
|
| paper-material {
|
| border-radius: inherit;
|
| - width: 100%;
|
| - height: 100%;
|
| + @apply(--layout-fit);
|
| }
|
|
|
| /* IE 10 support for HTML5 hidden attr */
|
| @@ -110,16 +116,14 @@ Custom property | Description | Default
|
| }
|
| </style>
|
|
|
| - <paper-material animated$="[[animatedShadow]]" elevation="[[elevation]]">
|
| - <div class="header">
|
| - <img hidden$="[[!image]]" src="[[image]]">
|
| - <div hidden$="[[!heading]]" class$="[[_computeHeadingClass(image)]]">[[heading]]</div>
|
| - </div>
|
| -
|
| - <content></content>
|
| + <paper-material animated$="[[animatedShadow]]" elevation="[[elevation]]"></paper-material>
|
|
|
| - </paper-material>
|
| + <div class="header">
|
| + <img hidden$="[[!image]]" src="[[image]]">
|
| + <div hidden$="[[!heading]]" class$="[[_computeHeadingClass(image)]]">[[heading]]</div>
|
| + </div>
|
|
|
| + <content></content>
|
| </template>
|
|
|
| </dom-module>
|
|
|