add animations to notification
This commit is contained in:
parent
34fde2496a
commit
e699dae499
@ -43,6 +43,23 @@ Variants {
|
|||||||
|
|
||||||
model: NotiServer.trackedNotifications
|
model: NotiServer.trackedNotifications
|
||||||
delegate: NotificationCard {}
|
delegate: NotificationCard {}
|
||||||
|
add: Transition {
|
||||||
|
NumberAnimation {
|
||||||
|
property: "x"
|
||||||
|
from: notifList.width
|
||||||
|
to: 0
|
||||||
|
duration: 400
|
||||||
|
easing.type: Easing.OutExpo
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Optional: Animate items moving up when one is dismissed
|
||||||
|
move: Transition {
|
||||||
|
NumberAnimation {
|
||||||
|
properties: "y"
|
||||||
|
duration: 300
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,12 +8,6 @@ import Quickshell.Widgets
|
|||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: notifyItem
|
id: notifyItem
|
||||||
Behavior on implicitWidth {
|
|
||||||
NumberAnimation {
|
|
||||||
duration: 100
|
|
||||||
easing: Easing.OutBack
|
|
||||||
}
|
|
||||||
}
|
|
||||||
required property var modelData
|
required property var modelData
|
||||||
implicitWidth: ListView.view ? ListView.view.width : 300
|
implicitWidth: ListView.view ? ListView.view.width : 300
|
||||||
implicitHeight: fullLayout.implicitHeight + 20
|
implicitHeight: fullLayout.implicitHeight + 20
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user