notification progress: background fill instead of separate bar
This commit is contained in:
parent
20cb306ad6
commit
64eaeb61c6
2 changed files with 33 additions and 41 deletions
|
|
@ -207,6 +207,22 @@ M.PopupPanel {
|
|||
anchors.rightMargin: 4
|
||||
color: notifArea.containsMouse ? M.Theme.base02 : "transparent"
|
||||
radius: M.Theme.radius
|
||||
|
||||
Rectangle {
|
||||
visible: (notifItem.modelData.hints?.value ?? -1) >= 0
|
||||
anchors.top: parent.top
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.left: parent.left
|
||||
width: parent.width * Math.min(1, Math.max(0, (notifItem.modelData.hints?.value ?? 0) / 100))
|
||||
color: M.Theme.base02
|
||||
radius: parent.radius
|
||||
|
||||
Behavior on width {
|
||||
NumberAnimation {
|
||||
duration: 200
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Urgency accent
|
||||
|
|
@ -300,25 +316,6 @@ M.PopupPanel {
|
|||
visible: text !== ""
|
||||
}
|
||||
|
||||
// Progress bar (hints.value)
|
||||
Item {
|
||||
width: parent.width
|
||||
height: 3
|
||||
visible: (notifItem.modelData.hints?.value ?? -1) >= 0
|
||||
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
color: M.Theme.base02
|
||||
radius: 1
|
||||
}
|
||||
Rectangle {
|
||||
width: parent.width * Math.min(1, Math.max(0, (notifItem.modelData.hints?.value ?? 0) / 100))
|
||||
height: parent.height
|
||||
radius: 1
|
||||
color: M.Theme.base0D
|
||||
}
|
||||
}
|
||||
|
||||
// Actions
|
||||
Row {
|
||||
spacing: 4
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue