Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(56)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: polymer_1.2.3/bower_components/paper-item/demo/index.html

Issue 1581713003: [third_party] add polymer 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: 1.2.3 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « polymer_1.2.3/bower_components/paper-item/bower.json ('k') | polymer_1.2.3/bower_components/paper-item/index.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>
« no previous file with comments | « polymer_1.2.3/bower_components/paper-item/bower.json ('k') | polymer_1.2.3/bower_components/paper-item/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698