diff options
author | Valerio Virgillito | 2012-05-04 14:56:24 -0700 |
---|---|---|
committer | Valerio Virgillito | 2012-05-04 14:56:24 -0700 |
commit | 526e423e4a2734c2b139af23911e912452a4443f (patch) | |
tree | 6fe64ec9ff3f2747432525e9eb30843d4a868e67 /node_modules/montage/ui/flow.reel/flow.html | |
parent | 5e31f3a573307ffc17a19613a604a50feb7d0d51 (diff) | |
download | ninja-526e423e4a2734c2b139af23911e912452a4443f.tar.gz |
reverting to v0.8 flow component for the picasa carousel
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/flow.reel/flow.html')
-rw-r--r-- | node_modules/montage/ui/flow.reel/flow.html | 38 |
1 files changed, 34 insertions, 4 deletions
diff --git a/node_modules/montage/ui/flow.reel/flow.html b/node_modules/montage/ui/flow.reel/flow.html index 52edb7e5..8a9603bf 100644 --- a/node_modules/montage/ui/flow.reel/flow.html +++ b/node_modules/montage/ui/flow.reel/flow.html | |||
@@ -9,7 +9,7 @@ | |||
9 | <title></title> | 9 | <title></title> |
10 | <script type="text/montage-serialization"> | 10 | <script type="text/montage-serialization"> |
11 | { | 11 | { |
12 | "repetition1": { | 12 | "repetition": { |
13 | "prototype": "montage/ui/repetition.reel", | 13 | "prototype": "montage/ui/repetition.reel", |
14 | "properties": { | 14 | "properties": { |
15 | "element": { | 15 | "element": { |
@@ -17,6 +17,17 @@ | |||
17 | } | 17 | } |
18 | } | 18 | } |
19 | }, | 19 | }, |
20 | "translateComposer": { | ||
21 | "prototype": "montage/ui/composer/translate-composer", | ||
22 | "properties": { | ||
23 | "component": {"@": "owner"}, | ||
24 | "maxTranslateX": 250000, | ||
25 | "invertAxis": true | ||
26 | }, | ||
27 | "bindings": { | ||
28 | "element": {"<-": "@owner._element"} | ||
29 | } | ||
30 | }, | ||
20 | "owner": { | 31 | "owner": { |
21 | "prototype": "montage/ui/flow.reel", | 32 | "prototype": "montage/ui/flow.reel", |
22 | "properties": { | 33 | "properties": { |
@@ -24,7 +35,17 @@ | |||
24 | "#": "montage-flow" | 35 | "#": "montage-flow" |
25 | }, | 36 | }, |
26 | "_repetition": { | 37 | "_repetition": { |
27 | "@": "repetition1" | 38 | "@": "repetition" |
39 | }, | ||
40 | "_translateComposer": { | ||
41 | "@": "translateComposer" | ||
42 | } | ||
43 | }, | ||
44 | "bindings": { | ||
45 | "translateX": {"<-": "@translateComposer.translateX"}, | ||
46 | "isSelectionEnabled": { | ||
47 | "boundObject": {"@": "repetition"}, | ||
48 | "boundObjectPropertyPath": "isSelectionEnabled" | ||
28 | } | 49 | } |
29 | } | 50 | } |
30 | } | 51 | } |
@@ -45,8 +66,17 @@ | |||
45 | -webkit-transform-style: preserve-3d; | 66 | -webkit-transform-style: preserve-3d; |
46 | -webkit-transform: translateZ(0); | 67 | -webkit-transform: translateZ(0); |
47 | } | 68 | } |
48 | .montage-flow-repetition > * { | 69 | .montage-flow-repetition > div { |
49 | position: absolute !important; | 70 | position: absolute; |
71 | top: 50%; | ||
72 | left: 50%; | ||
73 | width: 0; | ||
74 | height: 0; | ||
75 | -webkit-transform: translateZ(0); | ||
76 | -webkit-transform-style: preserve-3d; | ||
77 | } | ||
78 | .montage-flow-pointer-events-none { | ||
79 | pointer-events: none; | ||
50 | } | 80 | } |
51 | </style> | 81 | </style> |
52 | </head> | 82 | </head> |