MORE ANIMATION FIX AAAAAA

.config/quickshell/modules/common/widgets/NotificationWidget.qml

@@ -38,6 +38,12 @@ Item {
         destroyTimer0.start()
     }
 
+    function toggleExpanded() {
+        root.enableAnimation = true
+        notificationRowWrapper.anchors.bottom = undefined
+        root.expanded = !root.expanded
+    }
+
     Timer {
         id: destroyTimer0
         interval: 0
@@ -83,7 +89,7 @@ Item {
             if (mouse.button == Qt.MiddleButton) 
                 Notifications.discardNotification(notificationObject.id);
             else if (mouse.button == Qt.RightButton) 
-                root.expanded = !root.expanded;
+                root.toggleExpanded()
         }
     }
 
@@ -95,6 +101,7 @@ Item {
         anchors.left: parent.left
         anchors.right: parent.right
         anchors.bottom: parent.bottom
+        // anchors.top: parent.top
         anchors.topMargin: notificationListSpacing
         implicitHeight: notificationColumnLayout.implicitHeight + notificationListSpacing
 
@@ -103,6 +110,7 @@ Item {
             anchors.left: parent.left
             anchors.right: parent.right
             anchors.bottom: parent.bottom
+            // anchors.top: parent.top
             height: notificationColumnLayout.implicitHeight
 
             color: (notificationObject.urgency == NotificationUrgency.Critical) ? 
@@ -116,6 +124,13 @@ Item {
                     easing.type: Appearance.animation.elementDecel.type
                 }
             }
+            Behavior on height {
+                enabled: enableAnimation
+                NumberAnimation {
+                    duration: Appearance.animation.elementDecelFast.duration
+                    easing.type: Appearance.animation.elementDecel.type
+                }
+            }
         }
     }
 
@@ -125,6 +140,7 @@ Item {
         anchors.left: parent.left
         anchors.right: parent.right
         anchors.bottom: parent.bottom
+        // anchors.top: parent.top
         implicitHeight: notificationColumnLayout.implicitHeight + notificationListSpacing
 
         Behavior on x {
@@ -140,10 +156,23 @@ Item {
             anchors.left: parent.left
             anchors.right: parent.right
             anchors.bottom: parent.bottom
+            spacing: 0
+            Item {
+                Layout.fillWidth: true
+                implicitHeight: notificationRowLayout.implicitHeight
+                Behavior on implicitHeight {
+                    enabled: enableAnimation
+                    NumberAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
+
                 RowLayout {
                     id: notificationRowLayout
-
+                    anchors.top: parent.top
-                Layout.fillWidth: true                    
+                    anchors.left: parent.left
+                    anchors.right: parent.right
 
                     Rectangle { // App icon
                         id: iconRectangle
@@ -214,6 +243,7 @@ Item {
                             }
                         }
                     }
+
                     ColumnLayout { // Notification content
                         spacing: 0
                         Layout.fillWidth: true
@@ -261,8 +291,7 @@ Item {
 
                                 PointingHandInteraction{}
                                 onClicked: {
-                                root.enableAnimation = true
+                                    root.toggleExpanded()
-                                root.expanded = !root.expanded
                                 }
 
                                 background: Rectangle {
@@ -305,7 +334,8 @@ Item {
                             horizontalAlignment: Text.AlignLeft
                             color: Appearance.m3colors.m3outline
                             // textFormat: Text.MarkdownText
-                        text: notificationObject.body
+                            text: expanded ? notificationObject.body : notificationObject.body.split("\n")[0]
+                        }
                     }
                 }
             }
@@ -314,18 +344,39 @@ Item {
             Flickable {
                 id: actionsFlickable
                 Layout.fillWidth: true
-                Layout.topMargin: -5
+                // Layout.topMargin: -5
                 Layout.leftMargin: 10
                 Layout.rightMargin: 10
-                Layout.bottomMargin: 10
+                Layout.bottomMargin: expanded ? 10 : 0
-                implicitHeight: actionRowLayout.implicitHeight
+                implicitHeight: expanded ? actionRowLayout.implicitHeight : 0
+                height: expanded ? actionRowLayout.implicitHeight : 0
                 contentWidth: actionRowLayout.implicitWidth
                 clip: true
 
-                visible: expanded
+                opacity: expanded ? 1 : 0
+                visible: opacity > 0
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
+                Behavior on height {
+                    NumberAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
+                Behavior on implicitHeight {
+                    NumberAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
 
                 RowLayout {
                     id: actionRowLayout
+                    Layout.alignment: Qt.AlignBottom
 
                     Repeater {
                         id: actionRepeater

.config/quickshell/modules/sidebarRight/CenterWidgetGroup.qml

@@ -17,6 +17,17 @@ Rectangle {
     property int currentTab: 0
     property var tabButtonList: [{"icon": "notifications", "name": "Notifications"}, {"icon": "volume_up", "name": "Volume mixer"}]
 
+    Keys.onPressed: (event) => {
+        if (event.key === Qt.Key_PageDown || event.key === Qt.Key_PageUp) {
+            if (event.key === Qt.Key_PageDown) {
+                root.currentTab = Math.min(root.currentTab + 1, root.tabButtonList.length - 1)
+            } else if (event.key === Qt.Key_PageUp) {
+                root.currentTab = Math.max(root.currentTab - 1, 0)
+            }
+            event.accepted = true;
+        }
+    }
+
     ColumnLayout {
         anchors.margins: 5
         anchors.fill: parent

.config/quickshell/modules/sidebarRight/SidebarRight.qml

@@ -75,7 +75,6 @@ Scope {
                 color: Appearance.colors.colLayer0
                 radius: Appearance.rounding.screenRounding - Appearance.sizes.elevationMargin + 1
 
-                focus: true
                 Keys.onPressed: (event) => {
                     if (event.key === Qt.Key_Escape) {
                         sidebarRoot.visible = false;
@@ -141,6 +140,7 @@ Scope {
 
                     // Center widget group
                     CenterWidgetGroup {
+                        focus: sidebarRoot.visible
                         Layout.alignment: Qt.AlignHCenter
                         Layout.fillHeight: true
                         Layout.fillWidth: true

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

@@ -79,8 +79,8 @@ Item {
 
         Behavior on opacity {
             NumberAnimation {
-                duration: Appearance.animation.elementDecel.duration
+                duration: Appearance.animation.menuDecel.duration
-                easing.type: Appearance.animation.elementDecel.type
+                easing.type: Appearance.animation.menuDecel.type
             }
         }
 
@@ -130,6 +130,8 @@ Item {
         Item { Layout.fillWidth: true }
 
         NotificationStatusButton {
+            Layout.alignment: Qt.AlignVCenter
+            Layout.topMargin: 5
             buttonIcon: "clear_all"
             buttonText: "Clear"
             onClicked: () => {