notif animations

2025-04-20 00:48:43 +02:00
parent 905d26570f
commit 3096107d6b
6 changed files with 144 additions and 18 deletions
@@ -0,0 +1,55 @@
+import "root:/modules/common"
+import "root:/modules/common/widgets"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Button {
+    id: button
+    property string buttonText: ""
+    property string buttonIcon: ""
+
+    implicitHeight: 30
+    implicitWidth: contentRowLayout.implicitWidth + 10 * 2
+    Behavior on implicitWidth {
+        SmoothedAnimation {
+            velocity: Appearance.animation.elementDecel.velocity
+        }
+    }
+
+    PointingHandInteraction {}
+
+    background: Rectangle {
+        anchors.fill: parent
+        radius: Appearance.rounding.full
+        color: (button.down) ? Appearance.colors.colLayer2Active : (button.hovered ? Appearance.colors.colLayer2Hover : Appearance.colors.colLayer2)
+
+        Behavior on color {
+            ColorAnimation {
+                duration: Appearance.animation.elementDecel.duration
+                easing.type: Appearance.animation.elementDecel.type
+            }
+
+        }
+
+    }
+    contentItem: RowLayout {
+        id: contentRowLayout
+        // anchors.centerIn: parent
+        anchors.right: parent.right
+        spacing: 0
+        MaterialSymbol {
+            text: buttonIcon
+            Layout.fillWidth: false
+            font.pixelSize: Appearance.font.pixelSize.larger
+            color: Appearance.colors.colOnLayer1
+        }
+        StyledText {
+            text: buttonText
+            Layout.fillWidth: false
+            font.pixelSize: Appearance.font.pixelSize.small
+            color: Appearance.colors.colOnLayer1
+        }
+    }
+
+}