@@ -170,12 +170,6 @@ Rectangle {
170170 }
171171 }
172172
173− onPeekingIndexChanged: {
174− if (peekingIndex !== -1) {
175− launcherListViewItem.clip = false
176− }
177− }
178−
179173 // The height of the area where icons start getting folded
180174 property int foldingStartHeight: units.gu(6.5)
181175 // The height of the area where the items reach the final folding angle
@@ -232,6 +226,8 @@ Rectangle {
232226 z: -Math.abs(offset)
233227 maxAngle: 55
234228 property bool dragging: false
229+ property var peekingItem: launcherListView.peekingIndex === index ? launcherDelegate : undefined
230+
235231
236232 ThinDivider {
237233 id: dropIndicator
@@ -243,6 +239,14 @@ Rectangle {
243239 }
244240
245241 states: [
242+ State {
243+ name: "peeking"
244+ when: peekingItem === launcherDelegate && !dragging && launcher.state !== "visible"
245+ PropertyChanges {
246+ target: launcherDelegate
247+ x: units.gu(.5) + launcherListView.width * .5
248+ }
249+ },
246250 State {
247251 name: "selected"
248252 when: dndArea.selectedItem === launcherDelegate && fakeDragItem.visible && !dragging
@@ -277,6 +281,38 @@ Rectangle {
277281 ]
278282
279283 transitions: [
284+ Transition {
285+ from: ""
286+ to: "peeking"
287+ SequentialAnimation {
288+ // revealing
289+ PropertyAction { target: panel; property: "visible"; value: (launcher.visibleWidth === 0) ? 1 : 0 }
290+ PropertyAction { target: launcherListViewItem; property: "clip"; value: 0 }
291+
292+ UbuntuNumberAnimation {
293+ alwaysRunToEnd: true
294+ loops: 1
295+ target: launcherDelegate
296+ properties: "x"
297+ to: units.gu(.5) + launcherListView.width * .5
298+ duration: UbuntuAnimation.BriskDuration
299+ }
300+ PauseAnimation {}
301+
302+ // hiding
303+ UbuntuNumberAnimation {
304+ alwaysRunToEnd: true
305+ loops: 1
306+ target: launcherDelegate
307+ properties: "x"
308+ to: 0
309+ duration: UbuntuAnimation.BriskDuration
310+ }
311+
312+ PropertyAction { target: launcherListViewItem; property: "clip"; value: 1 }
313+ PropertyAction { target: panel; property: "visible"; value: (launcher.visibleWidth === 0) ? 0 : 1 }
314+ }
315+ },
280316 Transition {
281317 from: ""
282318 to: "selected"