Index: polymer_1.2.3/bower_components/paper-item/demo/index.html |
diff --git a/polymer_1.0.4/bower_components/paper-item/demo/index.html b/polymer_1.2.3/bower_components/paper-item/demo/index.html |
similarity index 84% |
copy from polymer_1.0.4/bower_components/paper-item/demo/index.html |
copy to polymer_1.2.3/bower_components/paper-item/demo/index.html |
index cdedb31098c3349e6b8e719a75f67ff0ccf75792..863cfb8a4498e6e78757e3f92852a513659a24a1 100644 |
--- a/polymer_1.0.4/bower_components/paper-item/demo/index.html |
+++ b/polymer_1.2.3/bower_components/paper-item/demo/index.html |
@@ -23,18 +23,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../../iron-icons/iron-icons.html"> |
<link rel="import" href="../../iron-icons/communication-icons.html"> |
<link rel="import" href="../../paper-checkbox/paper-checkbox.html"> |
+ <link rel="import" href="../../paper-icon-button/paper-icon-button.html"> |
<link rel="import" href="../../paper-toggle-button/paper-toggle-button.html"> |
<link rel="import" href="../paper-icon-item.html"> |
<link rel="import" href="../paper-item.html"> |
<link rel="import" href="../paper-item-body.html"> |
- <link rel="import" href="../../paper-styles/paper-styles.html"> |
+ <link rel="import" href="../../iron-flex-layout/iron-flex-layout.html"> |
<link rel="import" href="../../paper-styles/demo-pages.html"> |
- |
<style is="custom-style"> |
.list { |
+ @apply(--layout-vertical); |
+ |
padding-top: 12px; |
background-color: white; |
- display: inline-block; |
width: 240px; |
height: 228px; |
margin: 12px; |
@@ -71,13 +72,22 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
.green { |
background-color: var(--paper-green-300); |
} |
+ |
+ .container { |
+ @apply(--layout-wrap); |
+ @apply(--layout-center-center); |
+ @apply(--layout-inline); |
+ } |
+ .flex { |
+ @apply(--layout-flex); |
+ } |
</style> |
</head> |
-<body> |
- <div class="layout wrap inline center-center"> |
+<body unresolved> |
+ <div class="container"> |
<div> |
<h4>Single line items</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-item>Inbox</paper-item> |
<paper-item>Starred</paper-item> |
<paper-item>Sent mail</paper-item> |
@@ -87,7 +97,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div> |
<h4>Icon with text</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-icon-item> |
<iron-icon icon="inbox" item-icon></iron-icon> Inbox |
</paper-icon-item> |
@@ -105,7 +115,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div> |
<h4>Avatar with text</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-icon-item> |
<div class="avatar blue" item-icon></div> Alphonso Engelking |
</paper-icon-item> |
@@ -123,33 +133,33 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div> |
<h4>Avatar with text and icon</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-icon-item> |
<div class="avatar red" item-icon></div> |
<div class="flex">Alphonso</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<div class="avatar orange" item-icon></div> |
<div class="flex">Andrews</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<div class="avatar green" item-icon></div> |
<div class="flex">Angela</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<div class="avatar blue" item-icon></div> |
<div class="flex">Lorem</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
</div> |
</div> |
<div> |
<h4>Avatar with text and control</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-icon-item> |
<div class="avatar orange" item-icon></div> |
<div class="flex">Alphonso</div> |
@@ -175,33 +185,33 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div> |
<h4>Control with text and icon</h4> |
- <div class="list short"> |
+ <div class="list short" role="listbox"> |
<paper-icon-item> |
<paper-checkbox item-icon></paper-checkbox> |
<div class="flex">Alphonso</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<paper-checkbox checked item-icon></paper-checkbox> |
<div class="flex">Andrews</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<paper-checkbox item-icon></paper-checkbox> |
<div class="flex">Angela</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
<paper-icon-item> |
<paper-checkbox item-icon></paper-checkbox> |
<div class="flex">Lorem</div> |
- <iron-icon icon="communication:messenger"></iron-icon> |
+ <iron-icon icon="communication:chat"></iron-icon> |
</paper-icon-item> |
</div> |
</div> |
<div> |
<h4>Two-line items</h4> |
- <div class="list"> |
+ <div class="list" role="listbox"> |
<paper-item> |
<paper-item-body two-line class="layout vertical"> |
<div>Profile Photo</div> |
@@ -225,7 +235,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div> |
<h4>Icon with two-line text</h4> |
- <div class="list"> |
+ <div class="list" role="listbox"> |
<paper-icon-item> |
<div class="avatar green" item-icon></div> |
<paper-item-body two-line> |
@@ -247,20 +257,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div secondary>Personal</div> |
</paper-item-body> |
</paper-icon-item> |
- <paper-icon-item> |
</div> |
</div> |
<div> |
<h4>Avatar with text and icon</h4> |
- <div class="list"> |
+ <div class="list" role="listbox"> |
<paper-icon-item> |
<div class="avatar blue" item-icon></div> |
<paper-item-body two-line> |
<div>Photos</div> |
<div secondary>Jan 9, 2014</div> |
</paper-item-body> |
- <iron-icon icon="star"></iron-icon> |
+ <paper-icon-button icon="star" alt="favourite this!"></paper-icon-button> |
</paper-icon-item> |
<paper-icon-item> |
<div class="avatar red" item-icon></div> |
@@ -268,7 +277,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div>Recipes</div> |
<div secondary>Jan 17, 2014</div> |
</paper-item-body> |
- <iron-icon icon="star"></iron-icon> |
+ <paper-icon-button icon="star" alt="favourite this!"></paper-icon-button> |
</paper-icon-item> |
<paper-icon-item> |
<div class="avatar orange" item-icon></div> |
@@ -276,7 +285,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<div>Work</div> |
<div secondary>Jan 28, 2014</div> |
</paper-item-body> |
- <iron-icon icon="star"></iron-icon> |
+ <paper-icon-button icon="star" alt="favourite this!"></paper-icon-button> |
</paper-icon-item> |
</div> |
</div> |