mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2025-12-06 21:45:38 -05:00
58 lines
1.2 KiB
QML
58 lines
1.2 KiB
QML
import QtQuick
|
|
import qs.Common
|
|
import qs.Widgets
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property bool hasUnread: false
|
|
property bool isActive: false
|
|
|
|
signal clicked()
|
|
|
|
width: 40
|
|
height: 30
|
|
radius: Theme.cornerRadius
|
|
color: notificationArea.containsMouse || root.isActive ? Theme.primaryPressed : Theme.secondaryHover
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: "notifications"
|
|
size: Theme.iconSize - 6
|
|
color: notificationArea.containsMouse || root.isActive ? Theme.primary : Theme.surfaceText
|
|
}
|
|
|
|
// Notification dot indicator
|
|
Rectangle {
|
|
width: 8
|
|
height: 8
|
|
radius: 4
|
|
color: Theme.error
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.rightMargin: 6
|
|
anchors.topMargin: 6
|
|
visible: root.hasUnread
|
|
}
|
|
|
|
MouseArea {
|
|
id: notificationArea
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: {
|
|
root.clicked();
|
|
}
|
|
}
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Theme.shortDuration
|
|
easing.type: Theme.standardEasing
|
|
}
|
|
|
|
}
|
|
|
|
}
|