make buttons ripple

.config/quickshell/modules/sidebarRight/notifications/NotificationStatusButton.qml

@@ -4,12 +4,12 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-Button {
+RippleButton {
     id: button
     property string buttonText: ""
     property string buttonIcon: ""
 
-    // implicitHeight: 30
+    implicitHeight: 30
     implicitWidth: contentRowLayout.implicitWidth + 10 * 2
     Behavior on implicitWidth {
         SmoothedAnimation {
@@ -17,33 +17,29 @@ Button {
         }
     }
 
-    PointingHandInteraction {}
+    buttonRadius: Appearance.rounding.full
+    colBackground: Appearance.colors.colLayer2
+    colBackgroundHover: Appearance.colors.colLayer2Hover
+    colRipple: Appearance.colors.colLayer2Active
+    background.anchors.fill: button
 
-    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 {
-            animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
-        }
-
-    }
-    contentItem: RowLayout {
-        id: contentRowLayout
-        anchors.centerIn: parent
-        spacing: 0
-        MaterialSymbol {
-            text: buttonIcon
-            Layout.fillWidth: false
-            iconSize: Appearance.font.pixelSize.larger
-            color: Appearance.colors.colOnLayer1
-        }
-        StyledText {
-            text: buttonText
-            Layout.fillWidth: false
-            font.pixelSize: Appearance.font.pixelSize.small
-            color: Appearance.colors.colOnLayer1
+    contentItem: Item {
+        RowLayout {
+            id: contentRowLayout
+            anchors.centerIn: parent
+            spacing: 0
+            MaterialSymbol {
+                text: buttonIcon
+                Layout.fillWidth: false
+                iconSize: Appearance.font.pixelSize.larger
+                color: Appearance.colors.colOnLayer1
+            }
+            StyledText {
+                text: buttonText
+                Layout.fillWidth: false
+                font.pixelSize: Appearance.font.pixelSize.small
+                color: Appearance.colors.colOnLayer1
+            }
         }
     }