From 10303c10f9c0419df13bd6e26e166eb3e8334c2c Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Mon, 17 Jan 2022 17:15:23 +0100
Subject: [PATCH] Use new ScrollBar with controls 2

Contributes to issue CURA-8686.
---
 .../src/qml/components/BackupList.qml         | 43 ++++++++-----------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/plugins/CuraDrive/src/qml/components/BackupList.qml b/plugins/CuraDrive/src/qml/components/BackupList.qml
index a4a460a885..8392792808 100644
--- a/plugins/CuraDrive/src/qml/components/BackupList.qml
+++ b/plugins/CuraDrive/src/qml/components/BackupList.qml
@@ -1,39 +1,34 @@
-// Copyright (c) 2018 Ultimaker B.V.
+// Copyright (c) 2022 Ultimaker B.V.
 // Cura is released under the terms of the LGPLv3 or higher.
 
 import QtQuick 2.7
 import QtQuick.Controls 2.2
 import QtQuick.Layouts 1.3
 
-import UM 1.1 as UM
+import UM 1.5 as UM
 
-ScrollView
+ListView
 {
-    property alias model: backupList.model
-    width: parent.width
     clip: true
-    ListView
+    ScrollBar.vertical: UM.ScrollBar {}
+
+    delegate: Item
     {
-        id: backupList
-        width: parent.width
-        delegate: Item
+        // Add a margin, otherwise the scrollbar is on top of the right most component
+        width: parent.width - UM.Theme.getSize("scrollbar").width
+        height: childrenRect.height
+
+        BackupListItem
         {
-            // Add a margin, otherwise the scrollbar is on top of the right most component
-            width: parent.width - UM.Theme.getSize("default_margin").width
-            height: childrenRect.height
+            id: backupListItem
+            width: parent.width
+        }
 
-            BackupListItem
-            {
-                id: backupListItem
-                width: parent.width
-            }
-
-            Rectangle
-            {
-                id: divider
-                color: UM.Theme.getColor("lining")
-                height: UM.Theme.getSize("default_lining").height
-            }
+        Rectangle
+        {
+            id: divider
+            color: UM.Theme.getColor("lining")
+            height: UM.Theme.getSize("default_lining").height
         }
     }
 }