@@ -26,25 +26,29 @@ Showable {
2626 property int panelWidth: units.gu(40)
2727 readonly property alias dragging: hideSideStageDragArea.dragging
2828 readonly property real progress: width / panelWidth
29+ readonly property real handleWidth: units.gu(2)
2930
3031 width: 0
3132 shown: false
3233
33− Item {
34+ Handle {
3435 id: sideStageDragHandle
36+
37+ opacity: root.shown ? 1 : 0
38+ Behavior on opacity { UbuntuNumberAnimation {} }
39+
3540 anchors {
3641 right: root.left
3742 top: root.top
3843 bottom: root.bottom
3944 }
40− width: units.gu(2)
41−
42− opacity: root.shown ? 1 : 0
43− Behavior on opacity { UbuntuNumberAnimation {} }
45+ width: root.handleWidth
46+ active: hideSideStageDragArea.pressed
4447
4548 Image {
49+ z: -1
4650 anchors.centerIn: parent
47− width: hideSideStageDragArea.pressed ? parent.width * 2 : parent.width
51+ width: hideSideStageDragArea.pressed ? parent.width * 3 : parent.width * 2
4852 height: parent.height
4953 source: "graphics/sidestage_handle@20.png"
5054 Behavior on width { UbuntuNumberAnimation {} }