From 09effac82f680ca3cf92c59d47fae8db213f0258 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 13 Apr 2025 13:13:42 -0700
Subject: [PATCH] fix: add scroll to entire gallery view

---
 gallery/Main.qml | 272 ++++++++++++++++++++++++-----------------------
 1 file changed, 137 insertions(+), 135 deletions(-)

diff --git a/gallery/Main.qml b/gallery/Main.qml
index 7a8ff2b..2d5efc5 100644
--- a/gallery/Main.qml
+++ b/gallery/Main.qml
@@ -12,148 +12,150 @@ AppWindow {
     height: 480
     visible: true
     title: qsTr("flowy - gallery")
+    ScrollView {
+        anchors.fill: parent
+        ColumnLayout {
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.top: parent.top
+            anchors.margins: 10
 
-    ColumnLayout {
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.top: parent.top
-        anchors.margins: 10
+            AppLogo {}
 
-        AppLogo {}
+            Row {
+                spacing: 5
 
-        Row {
-            spacing: 5
-
-            AppPrimaryButton {
-                text: "Toggle theme"
-                onClicked: {
-                    Theme.toggleTheme();
+                AppPrimaryButton {
+                    text: "Toggle theme"
+                    onClicked: {
+                        Theme.toggleTheme();
+                    }
                 }
+                AppSecondaryButton {
+                    text: "Secondary"
+                }
+                AppGhostButton {
+                    text: "Ghost"
+                }
+                AppIconButton {
+                    source: "qrc:/live.flowy/imports/DesignSystem/app-icons/safari.svg"
+                    useOriginalColor: true
+                }
+                AppIconButton {
+                    source: "qrc:/live.flowy/imports/DesignSystem/icons/terminal-duotone.svg"
+                }
+            }
+
+            AppCard {
+                Column {
+                    spacing: 10
+                    AppText {
+                        text: "This is a card"
+                    }
+                    AppCaption {
+                        text: "Caption"
+                    }
+                    AppHeadline {
+                        text: "Headline"
+                    }
+                    AppSubHeadline {
+                        text: "SubHeadline"
+                    }
+                    AppLabel {
+                        text: "Label"
+                    }
+                }
+            }
+
+            Switch {}
+
+            AppSecondaryButton {
+                text: "Open message dialog"
+                onClicked: {
+                    messageDialog.open();
+                }
+            }
+
+            MessageDialog {
+                id: messageDialog
+                buttons: MessageDialog.Ok
+                text: "The document has been modified."
+            }
+
+            AppComboBox {
+                model: ListModel {
+                    id: model
+                    ListElement {
+                        text: "Banana"
+                    }
+                    ListElement {
+                        text: "Apple"
+                    }
+                    ListElement {
+                        text: "Coconut"
+                    }
+                }
+                onAccepted: {
+                    if (find(editText) === -1)
+                        model.append({
+                            text: editText
+                        });
+                }
+            }
+
+            AppTextField {
+                placeholderText: qsTr("Enter name")
+            }
+
+            AppLink {
+                text: "flowy.live"
+                onClicked: {
+                    Qt.openUrlExternally("https://flowy.live");
+                }
+            }
+
+            AppImage {
+                source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
+                fillMode: Image.PreserveAspectCrop
+                height: 100
+                width: 100
+                radius: 20
+            }
+
+            AppWarning {
+                Layout.fillWidth: true
+            }
+
+            AppMenu {
+                id: menu
+
+                Action {
+                    text: qsTr("Tool Bar")
+                    checkable: true
+                }
+                Action {
+                    text: qsTr("Side Bar")
+                    checkable: true
+                    checked: true
+                }
+                Action {
+                    text: qsTr("Status Bar")
+                    checkable: true
+                    checked: true
+                }
+
+                MenuSeparator {}
+
+                Action {
+                    text: "Hello"
+                }
+
+                // NOTE: MenuItem is not recommended as it isn't consistent with the menu theming. Please use Action until a fix is made.
             }
             AppSecondaryButton {
-                text: "Secondary"
+                onClicked: menu.open()
+                text: "Open menu"
             }
-            AppGhostButton {
-                text: "Ghost"
-            }
-            AppIconButton {
-                source: "qrc:/live.flowy/imports/DesignSystem/app-icons/safari.svg"
-                useOriginalColor: true
-            }
-            AppIconButton {
-                source: "qrc:/live.flowy/imports/DesignSystem/icons/terminal-duotone.svg"
-            }
-        }
-
-        AppCard {
-            Column {
-                spacing: 10
-                AppText {
-                    text: "This is a card"
-                }
-                AppCaption {
-                    text: "Caption"
-                }
-                AppHeadline {
-                    text: "Headline"
-                }
-                AppSubHeadline {
-                    text: "SubHeadline"
-                }
-                AppLabel {
-                    text: "Label"
-                }
-            }
-        }
-
-        Switch {}
-
-        AppSecondaryButton {
-            text: "Open message dialog"
-            onClicked: {
-                messageDialog.open();
-            }
-        }
-
-        MessageDialog {
-            id: messageDialog
-            buttons: MessageDialog.Ok
-            text: "The document has been modified."
-        }
-
-        AppComboBox {
-            model: ListModel {
-                id: model
-                ListElement {
-                    text: "Banana"
-                }
-                ListElement {
-                    text: "Apple"
-                }
-                ListElement {
-                    text: "Coconut"
-                }
-            }
-            onAccepted: {
-                if (find(editText) === -1)
-                    model.append({
-                        text: editText
-                    });
-            }
-        }
-
-        AppTextField {
-            placeholderText: qsTr("Enter name")
-        }
-
-        AppLink {
-            text: "flowy.live"
-            onClicked: {
-                Qt.openUrlExternally("https://flowy.live");
-            }
-        }
-
-        AppImage {
-            source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
-            fillMode: Image.PreserveAspectCrop
-            height: 100
-            width: 100
-            radius: 20
-        }
-
-        AppWarning {
-            Layout.fillWidth: true
-        }
-
-        AppMenu {
-            id: menu
-
-            Action {
-                text: qsTr("Tool Bar")
-                checkable: true
-            }
-            Action {
-                text: qsTr("Side Bar")
-                checkable: true
-                checked: true
-            }
-            Action {
-                text: qsTr("Status Bar")
-                checkable: true
-                checked: true
-            }
-
-            MenuSeparator {}
-
-            Action {
-                text: "Hello"
-            }
-
-            // NOTE: MenuItem is not recommended as it isn't consistent with the menu theming. Please use Action until a fix is made.
-        }
-        AppSecondaryButton {
-            onClicked: menu.open()
-            text: "Open menu"
         }
     }
 }