notification list

.config/quickshell/modules/sidebarRight/BottomWidgetGroup.qml

@@ -12,7 +12,7 @@ Rectangle {
     id: root
     radius: Appearance.rounding.normal
     color: Appearance.colors.colLayer1
-    // height: collapsed ? collapsedBottomWidgetGroupRow.height : bottomWidgetGroupRow.height
+    clip: true
     implicitHeight: collapsed ? collapsedBottomWidgetGroupRow.implicitHeight : bottomWidgetGroupRow.implicitHeight
     property int selectedTab: 0
     property bool collapsed: false

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

@@ -3,6 +3,7 @@ import "root:/modules/common/widgets"
 import "root:/services"
 import "./calendar"
 import "./todo"
+import "./notifications"
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
@@ -103,7 +104,7 @@ Rectangle {
             currentIndex: currentTab
             onCurrentIndexChanged: currentTab = currentIndex
 
-            Item{}
+            NotificationList {}
             Item{}
         }
     }

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

@@ -93,7 +93,7 @@ Scope {
                         Layout.fillHeight: false
                         spacing: 10
                         Layout.margins: 10
-                        Layout.bottomMargin: 5
+                        Layout.bottomMargin: 0
 
                         CustomIcon {
                             width: 25

.config/quickshell/modules/sidebarRight/calendar/CalendarWidget.qml

@@ -46,6 +46,7 @@ Item {
             Layout.fillWidth: true
             spacing: 5
             CalendarHeaderButton {
+                clip: true
                 buttonText: `${monthShift != 0 ? "• " : ""}${viewingDate.toLocaleDateString(Qt.locale(), "MMMM yyyy")}`
                 tooltipText: (monthShift === 0) ? "" : "Jump to current month"
                 onClicked: {

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

@@ -0,0 +1,33 @@
+import "root:/modules/common"
+import "root:/modules/common/widgets"
+import "root:/services"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell.Widgets
+
+Item {
+    Flickable { // Scrollable window
+        id: flickable
+        anchors.fill: parent
+        contentHeight: columnLayout.height
+        clip: true
+
+        ColumnLayout { // Scrollable window content
+            anchors.left: parent.left
+            anchors.right: parent.right
+            id: columnLayout
+
+            Repeater {
+                model: Notifications.list
+
+                delegate: NotificationWidget {
+                    notificationObject: modelData
+                }
+
+            }
+
+        }
+
+    }
+}

.config/quickshell/modules/sidebarRight/quickToggles/BluetoothToggle.qml

@@ -12,7 +12,7 @@ QuickToggleButton {
     MouseArea {
         anchors.fill: parent
         acceptedButtons: Qt.RightButton | Qt.LeftButton
-        onClicked: {
+        onClicked: (mouse) => {
             if (mouse.button === Qt.LeftButton) {
                 toggleBluetooth.running = true
             }

.config/quickshell/modules/sidebarRight/quickToggles/NetworkToggle.qml

@@ -18,7 +18,7 @@ QuickToggleButton {
     MouseArea {
         anchors.fill: parent
         acceptedButtons: Qt.RightButton | Qt.LeftButton
-        onClicked: {
+        onClicked: (mouse) =>{
             if (mouse.button === Qt.LeftButton) {
                 toggleNetwork.running = true
             }

.config/quickshell/modules/sidebarRight/todo/TaskList.qml

@@ -14,7 +14,7 @@ Item {
     property int todoListItemPadding: 8
     property int listBottomPadding: 80
 
-    Flickable { // Scrolled window
+    Flickable {
         id: flickable
         anchors.fill: parent
         contentHeight: columnLayout.height