sync clock and widget fly-in animations to wave phase

This commit is contained in:
Damocles 2026-04-18 11:40:52 +02:00
parent e2f8accbc1
commit 570000f09a
3 changed files with 20 additions and 55 deletions

View file

@ -95,7 +95,7 @@ WlSessionLockSurface {
}
}
// Clock - rotated, left-aligned
// Clock - rotated, left-aligned, flies in with wave
LockClock {
id: _clockItem
anchors.left: parent.left
@ -103,6 +103,8 @@ WlSessionLockSurface {
anchors.top: parent.top
anchors.bottom: parent.bottom
screenHeight: root.height
wavePhase: _hexWave.wavePhase
unlockFade: root._unlockFade
}
// Center content - password and notifications
@ -163,12 +165,15 @@ WlSessionLockSurface {
}
}
// Right column - widgets
// Right column - widgets, fly in when wave exits screen
LockWidgets {
id: _widgetCol
anchors.right: parent.right
anchors.rightMargin: 48
anchors.verticalCenter: parent.verticalCenter
wavePhase: _hexWave.wavePhase
screenWidth: root.width
unlockFade: root._unlockFade
}
onVisibleChanged: {
@ -202,20 +207,6 @@ WlSessionLockSurface {
id: _unlockAnim
ParallelAnimation {
NumberAnimation {
target: _clockItem
property: "opacity"
to: 0
duration: 200
easing.type: Easing.InCubic
}
NumberAnimation {
target: _clockItem
property: "_slideX"
to: -80
duration: 200
easing.type: Easing.InCubic
}
NumberAnimation {
target: content
property: "opacity"
@ -230,20 +221,6 @@ WlSessionLockSurface {
duration: 200
easing.type: Easing.InCubic
}
NumberAnimation {
target: _widgetCol
property: "opacity"
to: 0
duration: 200
easing.type: Easing.InCubic
}
NumberAnimation {
target: _widgetCol
property: "_slideX"
to: 80
duration: 200
easing.type: Easing.InCubic
}
NumberAnimation {
target: root
property: "_unlockFade"