From 8c8305bf8af744b9066c02c74f349f88e16cff29 Mon Sep 17 00:00:00 2001 From: Malte E Date: Tue, 29 Mar 2022 23:11:25 +0200 Subject: [PATCH] add jump to end button --- resources/qml/MessageView.qml | 58 +++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) diff --git a/resources/qml/MessageView.qml b/resources/qml/MessageView.qml index 3763c24a..541677a7 100644 --- a/resources/qml/MessageView.qml +++ b/resources/qml/MessageView.qml @@ -754,4 +754,62 @@ Item { } } + RoundButton { + id: toEndButton + anchors { + bottom: parent.bottom + right: scrollbar.left + bottomMargin: Nheko.paddingMedium+(fullWidth-width)/2 + rightMargin: Nheko.paddingMedium+(fullWidth-width)/2 + } + property int fullWidth: 40 + width: fullWidth + height: width + radius: width/2 + onClicked: chat.positionViewAtBeginning(); + flat: true + highlighted: true + + states: State { + name: "hidden" + when: chat.atYEnd + } + + Image { + id: buttonImg + anchors.fill: parent + anchors.margins: Nheko.paddingMedium + source: ("image://colorimage/" + ":/icons/icons/ui/download.svg" + "?" + Nheko.colors.buttonText) + fillMode: Image.PreserveAspectFit + } + + transitions: [ + Transition { + from: "" + to: "hidden" + + PropertyAnimation { + target: toEndButton + properties: "width" + easing.type: Easing.InOutQuad + from: 40 + to: 0 + duration: 200 + } + }, + Transition { + from: "hidden" + to: "" + + PropertyAnimation { + target: toEndButton + properties: "width" + easing.type: Easing.InOutQuad + from: 0 + to: 40 + duration: 200 + } + } + ] + } }