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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: polymer_0.5.4/bower_components/core-animated-pages/demos/grid.html

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 10 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 unified diff | Download patch
« no previous file with comments | « polymer_0.5.4/bower_components/core-animated-pages/demo.html ('k') | polymer_0.5.4/bower_components/core-animated-pages/demos/list.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polym er.github.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polym er.github.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/CO NTRIBUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CO NTRIBUTORS.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/P ATENTS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/P ATENTS.txt
9 --> 9 -->
10 <!doctype html> 10 <!doctype html>
(...skipping 10 matching lines...) Expand all
21 <style> 21 <style>
22 body { 22 body {
23 font-family: sans-serif; 23 font-family: sans-serif;
24 } 24 }
25 25
26 .toolbar { 26 .toolbar {
27 background-color: steelblue; 27 background-color: steelblue;
28 } 28 }
29 29
30 #container { 30 #container {
31 overflow: auto; 31 overflow: hidden;
32 }
33
34 #noscroll {
35 overflow-x: hidden;
36 overflow-y: auto;
32 } 37 }
33 38
34 .card { 39 .card {
35 position: relative; 40 position: relative;
36 height: 150px; 41 height: 150px;
37 width: 150px; 42 width: 150px;
38 font-size: 50px; 43 font-size: 50px;
39 margin: 8px; 44 margin: 8px;
40 background-color: tomato; 45 background-color: tomato;
41 border-radius: 4px; 46 border-radius: 4px;
(...skipping 12 matching lines...) Expand all
54 <template is="auto-binding"> 59 <template is="auto-binding">
55 <core-toolbar class="toolbar"> 60 <core-toolbar class="toolbar">
56 <core-icon-button icon="{{$.pages.selected != 0 ? 'arrow-back' : 'menu'}}" on-tap="{{back}}"></core-icon-button> 61 <core-icon-button icon="{{$.pages.selected != 0 ? 'arrow-back' : 'menu'}}" on-tap="{{back}}"></core-icon-button>
57 <div flex>Stuff</div> 62 <div flex>Stuff</div>
58 <core-icon-button icon="more-vert"></core-icon-button> 63 <core-icon-button icon="more-vert"></core-icon-button>
59 </core-toolbar> 64 </core-toolbar>
60 <core-animated-pages id="pages" flex selected="0" on-core-animated-pages-tra nsition-end="{{transitionend}}" transitions="cross-fade-all hero-transition"> 65 <core-animated-pages id="pages" flex selected="0" on-core-animated-pages-tra nsition-end="{{transitionend}}" transitions="cross-fade-all hero-transition">
61 66
62 <section vertical layout> 67 <section vertical layout>
63 68
64 <div id="container" flex horizontal wrap around-justified layout hero-p> 69 <div id="noscroll" fit hero-p>
65 <template repeat="{{item in items}}"> 70 <div id="container" flex horizontal wrap around-justified layout cross -fade>
66 <div class="card" vertical center center-justified layout hero-id="i tem-{{item}}" hero?="{{$.pages.selected === item + 1 || lastSelected === item + 1}}" on-tap="{{selectView}}"><span cross-fade>{{item}}</span></div> 71 <template repeat="{{item in items}}">
67 </template> 72 <div class="card" vertical center center-justified layout hero-id= "item-{{item}}" hero?="{{$.pages.selected === item + 1 || lastSelected === item + 1}}" on-tap="{{selectView}}"><span cross-fade>{{item}}</span></div>
73 </template>
74 </div>
68 </div> 75 </div>
69 76
70 </section> 77 </section>
71 78
72 <template repeat="{{item in items}}"> 79 <template repeat="{{item in items}}">
73 <section vertical layout> 80 <section vertical layout>
74 <div class="view" flex vertical center center-justified layout hero-id ="item-{{item}}" hero?="{{$.pages.selected === item + 1 || $.pages.selected === 0}}"><span cross-fade>{{item}}</span></div> 81 <div class="view" flex vertical center center-justified layout hero-id ="item-{{item}}" hero?="{{$.pages.selected === item + 1 || $.pages.selected === 0}}"><span cross-fade>{{item}}</span></div>
75 </section> 82 </section>
76 </template> 83 </template>
77 84
(...skipping 26 matching lines...) Expand all
104 if (this.lastSelected) { 111 if (this.lastSelected) {
105 this.lastSelected = null; 112 this.lastSelected = null;
106 } 113 }
107 } 114 }
108 }) 115 })
109 116
110 </script> 117 </script>
111 118
112 </body> 119 </body>
113 </html> 120 </html>
OLDNEW
« no previous file with comments | « polymer_0.5.4/bower_components/core-animated-pages/demo.html ('k') | polymer_0.5.4/bower_components/core-animated-pages/demos/list.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698