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 |