Merge pull request #7823 from nextcloud/enh/scrolltotop

Add button to scroll to top when activity list is long.
nextcloud · Feb 10, 2025 · 9b44943 · 9b44943
2 parents 2fcd4f6 + a7b7c1c
commit 9b44943
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/src/gui/tray/ActivityList.qml b/src/gui/tray/ActivityList.qml
@@ -114,6 +114,28 @@ ScrollView {
             }
         }
 
+        Button {
+            id: scrollToTopButton
+
+            anchors.bottom: parent.bottom
+            anchors.right: parent.right
+
+            hoverEnabled: true
+            padding: Style.smallSpacing
+
+            Accessible.role: Accessible.Button
+            Accessible.name: qsTr("Scroll to top")
+            Accessible.onPressAction: scrollToTopButton.clicked()
+
+            icon.source: "image://svgimage-custom-color/chevron-double-up.svg/" + palette.buttonText
+            icon.width: Style.activityListButtonIconSize
+            icon.height: Style.activityListButtonIconSize
+
+            onClicked: controlRoot.scrollToTop()
+
+            visible: !controlRoot.atYBeginning && controlRoot.contentHeight > controlRoot.height
+        }
+
         Column {
             id: placeholderColumn
             width: parent.width * 0.8

diff --git a/theme.qrc.in b/theme.qrc.in
@@ -241,5 +241,6 @@
         <file>theme/send.svg</file>
         <file>theme/call-notification.wav</file>
         <file>theme/talk-app.svg</file>
+        <file>theme/chevron-double-up.svg</file>
     </qresource>
 </RCC>
diff --git a/theme/chevron-double-up.svg b/theme/chevron-double-up.svg