From daf7d2c9dc8eef509bdd35284fabc95897e8f01f Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sat, 1 Nov 2025 18:43:02 +0100
Subject: [PATCH] overview: animate search area

---
 .../ii/modules/overview/SearchWidget.qml      | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/dots/.config/quickshell/ii/modules/overview/SearchWidget.qml b/dots/.config/quickshell/ii/modules/overview/SearchWidget.qml
index d1bdaf6bc..03ebfce1b 100644
--- a/dots/.config/quickshell/ii/modules/overview/SearchWidget.qml
+++ b/dots/.config/quickshell/ii/modules/overview/SearchWidget.qml
@@ -17,7 +17,7 @@ Item { // Wrapper
     property string searchingText: ""
     property bool showResults: searchingText != ""
     implicitWidth: searchWidgetContent.implicitWidth + Appearance.sizes.elevationMargin * 2
-    implicitHeight: searchWidgetContent.implicitHeight + Appearance.sizes.elevationMargin * 2
+    implicitHeight: searchBar.implicitHeight + searchBar.verticalPadding * 2 + Appearance.sizes.elevationMargin * 2
 
     property string mathResult: ""
     property bool clipboardWorkSafetyActive: {
@@ -201,15 +201,29 @@ Item { // Wrapper
     }
     Rectangle { // Background
         id: searchWidgetContent
-        anchors.centerIn: parent
+        anchors {
+            top: parent.top
+            horizontalCenter: parent.horizontalCenter
+            topMargin: Appearance.sizes.elevationMargin
+        }
+        clip: true
         implicitWidth: columnLayout.implicitWidth
         implicitHeight: columnLayout.implicitHeight
         radius: searchBar.height / 2 + searchBar.verticalPadding
         color: Appearance.colors.colBackgroundSurfaceContainer
 
+        Behavior on implicitHeight {
+            id: searchHeightBehavior
+            enabled: GlobalStates.overviewOpen && root.showResults
+            animation: Appearance.animation.elementMove.numberAnimation.createObject(this)
+        }
+
         ColumnLayout {
             id: columnLayout
-            anchors.centerIn: parent
+            anchors {
+                top: parent.top
+                horizontalCenter: parent.horizontalCenter
+            }
             spacing: 0
 
             // clip: true