| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> | 10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 @demo demo/selection.html Selection of items | 96 @demo demo/selection.html Selection of items |
| 97 @demo demo/collapse.html Collapsable items | 97 @demo demo/collapse.html Collapsable items |
| 98 --> | 98 --> |
| 99 | 99 |
| 100 </head><body><dom-module id="iron-list"> | 100 </head><body><dom-module id="iron-list"> |
| 101 <template> | 101 <template> |
| 102 <style> | 102 <style> |
| 103 :host { | 103 :host { |
| 104 display: block; | 104 display: block; |
| 105 } | 105 } |
| 106 | 106 |
| 107 :host(.has-scroller) { | 107 :host(.has-scroller) { |
| 108 overflow: auto; | 108 overflow: auto; |
| 109 } | 109 } |
| 110 | 110 |
| 111 :host(:not(.has-scroller)) { | 111 :host(:not(.has-scroller)) { |
| 112 position: relative; | 112 position: relative; |
| 113 } | 113 } |
| 114 | 114 |
| 115 #items { | 115 #items { |
| 116 @apply(--iron-list-items-container); | 116 @apply(--iron-list-items-container); |
| 117 position: relative; | 117 position: relative; |
| 118 } | 118 } |
| 119 | 119 |
| 120 #items > ::content > * { | 120 #items > ::content > * { |
| 121 width: 100%; | 121 width: 100%; |
| 122 box-sizing: border-box; | 122 box-sizing: border-box; |
| 123 position: absolute; | 123 position: absolute; |
| 124 top: 0; | 124 top: 0; |
| 125 will-change: transform; | 125 will-change: transform; |
| 126 } | 126 } |
| 127 </style> | 127 </style> |
| 128 | 128 |
| 129 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> | 129 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> |
| 130 </array-selector> | 130 </array-selector> |
| 131 | 131 |
| 132 <div id="items"> | 132 <div id="items"> |
| 133 <content></content> | 133 <content></content> |
| 134 </div> | 134 </div> |
| 135 | 135 |
| 136 </template> | 136 </template> |
| 137 </dom-module> | 137 </dom-module> |
| 138 | 138 |
| 139 <script src="iron-list-extracted.js"></script></body></html> | 139 <script src="iron-list-extracted.js"></script></body></html> |
| OLD | NEW |