From 1bb13d8bcf7405bab7fa1dca9b69595fed9e0c01 Mon Sep 17 00:00:00 2001
From: bbedward <bbedward@gmail.com>
Date: Thu, 17 Sep 2026 19:15:29 -0400
Subject: [PATCH] settings: keep the motion preview hint under the pill

fixes #3469
---
 .../Modules/Settings/TypographyMotionTab.qml  | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/quickshell/Modules/Settings/TypographyMotionTab.qml b/quickshell/Modules/Settings/TypographyMotionTab.qml
index 836dc121b..150c70daa 100644
--- a/quickshell/Modules/Settings/TypographyMotionTab.qml
+++ b/quickshell/Modules/Settings/TypographyMotionTab.qml
@@ -170,6 +170,22 @@ Item {
                         radius: Theme.cornerRadiusL
                         color: Theme.surfaceContainerLowest
 
+                        StyledText {
+                            x: parent.width - width - Theme.spacingL
+                            anchors.verticalCenter: parent.verticalCenter
+                            text: I18n.tr("Tap to play")
+                            font.pixelSize: Theme.fontSizeSmall
+                            color: Theme.surfaceVariantText
+                            opacity: motionPreview.atEnd ? 0 : 1
+
+                            Behavior on opacity {
+                                NumberAnimation {
+                                    duration: Theme.shortDuration
+                                    easing.type: Theme.standardEasing
+                                }
+                            }
+                        }
+
                         Rectangle {
                             x: motionPreview.trackPadding + pillSpring.value
                             anchors.verticalCenter: parent.verticalCenter
@@ -187,15 +203,6 @@ Item {
                         }
                     }
 
-                    StyledText {
-                        anchors.right: parent.right
-                        anchors.rightMargin: Theme.spacingL
-                        anchors.verticalCenter: parent.verticalCenter
-                        text: I18n.tr("Tap to play")
-                        font.pixelSize: Theme.fontSizeSmall
-                        color: Theme.surfaceVariantText
-                    }
-
                     MouseArea {
                         anchors.fill: parent
                         cursorShape: Qt.PointingHandCursor