Implement aesthetics of busy indicator

Don't use the default spinner but use an image from our theme. A new image. And change the font size, colour and spacings a bit according to our designs.

Contributes to issue CURA-8587.
This commit is contained in:
Ghostkeeper 2021-12-06 16:52:38 +01:00
parent c73ef84395
commit f932239b6a
No known key found for this signature in database
GPG key ID: D2A8871EE34EC59A
2 changed files with 13 additions and 6 deletions

View file

@ -53,21 +53,24 @@ RowLayout
height: UM.Theme.getSize("action_button").height
width: childrenRect.width
BusyIndicator
UM.RecolorImage
{
id: busyIndicator
visible: parent.visible
width: height
anchors.left: parent.left
anchors.top: parent.top
anchors.topMargin: UM.Theme.getSize("narrow_margin").height
anchors.bottom: parent.bottom
anchors.bottomMargin: anchors.topMargin
palette.dark: UM.Theme.getColor("text")
source: UM.Theme.getIcon("Spinner")
color: UM.Theme.getColor("primary")
RotationAnimator
{
target: busyIndicator.contentItem
running: busyIndicator.visible && busyIndicator.running
target: busyIndicator
running: busyIndicator.visible
from: 0
to: 360
loops: Animation.Infinite
@ -79,10 +82,11 @@ RowLayout
id: busyMessageText
visible: parent.visible
anchors.left: busyIndicator.right
anchors.leftMargin: UM.Theme.getSize("narrow_margin").width
anchors.verticalCenter: parent.verticalCenter
font: UM.Theme.getFont("default")
color: UM.Theme.getColor("text")
font: UM.Theme.getFont("medium_bold")
color: UM.Theme.getColor("primary")
}
}