From b6f362ddb563ba4d07b4cff2a288f14de90d6f35 Mon Sep 17 00:00:00 2001
From: Richard Ramos <info@richardramos.me>
Date: Fri, 27 Nov 2020 16:51:52 -0400
Subject: [PATCH] fix: add scrollbar to installed sticker packs

Fixes #1061
---
 ui/shared/status/StatusStickersPopup.qml | 49 ++++++++++++++----------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/ui/shared/status/StatusStickersPopup.qml b/ui/shared/status/StatusStickersPopup.qml
index f2b17f84ce..0a9100a29b 100644
--- a/ui/shared/status/StatusStickersPopup.qml
+++ b/ui/shared/status/StatusStickersPopup.qml
@@ -179,35 +179,42 @@ Popup {
                 }
             }
 
-            RowLayout {
-                spacing: Style.current.padding
+
+            ScrollView {
                 anchors.top: parent.top
                 anchors.left: btnHistory.right
                 anchors.leftMargin: Style.current.padding
+                anchors.right: parent.right
+                height: 32
+                clip: true
+                id: installedStickersSV
+                ScrollBar.vertical.policy: ScrollBar.AlwaysOff
+                RowLayout {
+                    id: stickersRowLayout
+                    spacing: Style.current.padding
+                    Repeater {
+                        id: stickerPackListView
+                        property int selectedPackId: -1
+                        model: stickerPackList
 
-                Repeater {
-                    id: stickerPackListView
-                    property int selectedPackId: -1
-                    model: stickerPackList
-
-                    delegate: StatusStickerPackIconWithIndicator {
-                        id: packIconWithIndicator
-                        visible: installed
-                        width: 24
-                        height: 24
-                        selected: stickerPackListView.selectedPackId === packId
-                        source: "https://ipfs.infura.io/ipfs/" + thumbnail
-                        Layout.preferredHeight: height
-                        Layout.preferredWidth: width
-                        onClicked: {
-                            btnHistory.selected = false
-                            stickerPackListView.selectedPackId = packId
-                            stickerGrid.model = stickers
+                        delegate: StatusStickerPackIconWithIndicator {
+                            id: packIconWithIndicator
+                            visible: installed
+                            width: 24
+                            height: 24
+                            selected: stickerPackListView.selectedPackId === packId
+                            source: "https://ipfs.infura.io/ipfs/" + thumbnail
+                            Layout.preferredHeight: height
+                            Layout.preferredWidth: width
+                            onClicked: {
+                                btnHistory.selected = false
+                                stickerPackListView.selectedPackId = packId
+                                stickerGrid.model = stickers
+                            }
                         }
                     }
                 }
             }
-            
         }
     }
 }