@@ -22,6 +22,7 @@ StateGroup {
22 property var container
22 property var container
23 property var surfaceItem
23 property var surfaceItem
25+ onStateChanged: print("++++++++++++++++++++++++ surface animation state change", state)
27 name: "blank"
28 name: "blank"
@@ -43,7 +44,7 @@ StateGroup {
43 SequentialAnimation {
44 SequentialAnimation {
44 // clip so we don't go out of parent's bounds during spread
45 // clip so we don't go out of parent's bounds during spread
45 PropertyAction { target: root.container.parent; property: "clip"; value: true }
46 PropertyAction { target: root.container.parent; property: "clip"; value: true }
46− UbuntuNumberAnimation { target: root.surfaceItem; property: "y"; to: root.container.height
47+ UbuntuNumberAnimation { target: root.surfaceItem; property: "anchors.topMargin"; to: root.container.height
47 duration: UbuntuAnimation.BriskDuration }
48 duration: UbuntuAnimation.BriskDuration }
48 PropertyAction { target: root.surfaceItem; property: "visible"; value: false }
49 PropertyAction { target: root.surfaceItem; property: "visible"; value: false }
49 PropertyAction { target: container.parent; property: "clip"; value: false }
50 PropertyAction { target: container.parent; property: "clip"; value: false }
@@ -61,11 +62,10 @@ StateGroup {
61 // clip so we don't go out of parent's bounds during spread
62 // clip so we don't go out of parent's bounds during spread
62 PropertyAction { target: root.container.parent; property: "clip"; value: true }
63 PropertyAction { target: root.container.parent; property: "clip"; value: true }
63 ScriptAction { script: {
64 ScriptAction { script: {
64− root.surfaceItem.y = root.container.height;
65 root.surfaceItem.visible = true;
65 root.surfaceItem.visible = true;
67 UbuntuNumberAnimation {
67 UbuntuNumberAnimation {
68− target: root.surfaceItem; property: "y"; to: 0
68+ target: root.surfaceItem; property: "anchors.topMargin"; from: root.container.height; to: 0
69 duration: UbuntuAnimation.BriskDuration
69 duration: UbuntuAnimation.BriskDuration
71 PropertyAction { target: container.parent; property: "clip"; value: false }
71 PropertyAction { target: container.parent; property: "clip"; value: false }