waffles: notifications, kind of

dots/.config/quickshell/ii/modules/waffle/notificationCenter/NotificationCenterContent.qml

@@ -19,16 +19,40 @@ WBarAttachedPanelContent {
 
     property bool collapsed: false
 
-    contentItem: Column {
+    contentItem: ColumnLayout {
         anchors {
             horizontalCenter: parent.horizontalCenter
-            top: root.barAtBottom ? undefined : parent.top
-            bottom: root.barAtBottom ? parent.bottom : undefined
+            top: parent.top
+            bottom: parent.bottom
         }
         spacing: 12
 
+        Item {
+            id: notificationArea
+            Layout.fillHeight: true
+            implicitWidth: notificationPane.implicitWidth
+
+            WPane {
+                id: notificationPane
+                anchors {
+                    bottom: parent.bottom
+                    left: parent.left
+                    right: parent.right
+                }
+                contentItem: NotificationPaneContent {
+                    implicitWidth: calendarColumnLayout.implicitWidth
+                    implicitHeight: Notifications.list.length > 0 ? (notificationArea.height - notificationPane.borderWidth * 2) : 230
+                    
+                    Behavior on implicitHeight {
+                        animation: Looks.transition.enter.createObject(this)
+                    }
+                }
+            }
+        }
+
         WPane {
             contentItem: ColumnLayout {
+                id: calendarColumnLayout
                 spacing: 0
                 DateHeader {
                     Layout.fillWidth: true
@@ -37,7 +61,9 @@ WBarAttachedPanelContent {
                     }
                 }
 
-                WPanelSeparator { visible: !root.collapsed }
+                WPanelSeparator {
+                    visible: !root.collapsed
+                }
 
                 CalendarWidget {
                     Layout.fillWidth: true