From 64e39788535d342e7c7e800a324ad20542857ab3 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Sun, 23 Oct 2022 06:37:36 -0500
Subject: [PATCH] making header of list above the list as it flows upward

---
 src/qml/presenter/Library.qml | 57 ++++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/qml/presenter/Library.qml b/src/qml/presenter/Library.qml
index c5af21d..6595356 100644
--- a/src/qml/presenter/Library.qml
+++ b/src/qml/presenter/Library.qml
@@ -110,37 +110,44 @@ Item {
                 }
 
                 header: Component {
-                    Kirigami.ActionToolBar {
+                    Rectangle {
+                        id: songLibraryHeader
+                        z: 2
                         height: 40
                         width: parent.width
-                        display: Controls.Button.IconOnly
-                        visible: selectedLibrary == "songs"
-                        actions: [
-                            Kirigami.Action {
-                                icon.name: "document-new"
-                                text: "New Song"
-                                tooltip: "Add a new song"
-                                onTriggered: songLibraryList.newSong()
-                                /* visible: selectedLibrary == "songs" */
-                            },
-                            
-                            Kirigami.Action {
-                                displayComponent: Component {
-                                    Kirigami.SearchField {
-                                        id: searchField
-                                        height: parent.height
-                                        width: parent.width - 40
-                                        onAccepted: showPassiveNotification(searchField.text, 3000)
+                        color: Kirigami.Theme.backgroundColor
+                        Kirigami.ActionToolBar {
+                            height: parent.height
+                            width: parent.width
+                            display: Controls.Button.IconOnly
+                            visible: selectedLibrary == "songs"
+                            actions: [
+                                Kirigami.Action {
+                                    icon.name: "document-new"
+                                    text: "New Song"
+                                    tooltip: "Add a new song"
+                                    onTriggered: songLibraryList.newSong()
+                                    /* visible: selectedLibrary == "songs" */
+                                },
+                                
+                                Kirigami.Action {
+                                    displayComponent: Component {
+                                        Kirigami.SearchField {
+                                            id: searchField
+                                            height: parent.height
+                                            width: parent.width - 40
+                                            onAccepted: showPassiveNotification(searchField.text, 3000)
+                                        }
                                     }
+                                    /* visible: selectedLibrary == "songs" */
                                 }
-                                /* visible: selectedLibrary == "songs" */
-                            }
                             ]
 
-                        Behavior on height {
-                            NumberAnimation {
-                                easing.type: Easing.OutCubic
-                                duration: 300
+                            Behavior on height {
+                                NumberAnimation {
+                                    easing.type: Easing.OutCubic
+                                    duration: 300
+                                }
                             }
                         }
                     }