status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-02-17 00:56:39 +00:00
Code Issues Projects Releases Wiki Activity

feat: add a button to scroll back to the end of the chat list

Browse Source
This commit is contained in:
Jonathan Rainville 2020-09-23 12:13:39 -04:00 committed by Iuri Matias
parent 4060b40ccf
commit c36f1f82cd
2 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
ui/app/AppLayouts/Chat/ChatColumn/ChatMessages.qml
View File

@ -37,18 +37,22 @@ ScrollView {
Rectangle {
id: newMessagesBox
visible: state !== "hidden"
color: Style.current.secondaryBackground
anchors.bottom: parent.bottom
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
height: newMessagesText.height + clickHereText.height + 2 * Style.current.smallPadding
height: childrenRect.height + 2 * Style.current.smallPadding
width: 200
radius: Style.current.radius
state: "hidden"
StyledText {
id: newMessagesText
text: newMessagesBox.state === "new-message" ?
//% "New message(s) received"
text: qsTrId("new-message-s--received")
qsTrId("new-message-s--received") :
qsTr("Go back to bottom")
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
anchors.left: parent.left
@ -61,6 +65,8 @@ ScrollView {
}
StyledText {
id: clickHereText
visible: newMessagesBox.state === "new-message"
height: visible ? implicitHeight : 0
//% "Click here to scroll back down"
text: qsTrId("click-here-to-scroll-back-down")
horizontalAlignment: Text.AlignHCenter
@ -74,20 +80,21 @@ ScrollView {
font.pixelSize: 12
color: Style.current.darkGrey
}
}
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
anchors.fill: newMessagesBox
onClicked: {
newMessagesBox.visible = false
newMessagesBox.state = "hidden"
chatLogView.scrollToBottom(true)
}
}
}
onAtYEndChanged: {
if (chatLogView.atYEnd) {
newMessagesBox.visible = false
newMessagesBox.state = "hidden"
} else {
newMessagesBox.state = "scrolled-up"
}
}
@ -130,7 +137,7 @@ ScrollView {
onNewMessagePushed: {
if (!chatLogView.scrollToBottom()) {
newMessagesBox.visible = true
newMessagesBox.state = "new-message"
}
}