3D-printing/Cura
1
0
Fork 0
mirror of https://github.com/Ultimaker/Cura.git synced 2025-07-25 07:33:57 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Add animation to hover effect

Browse source 
CURA-8421
This commit is contained in:
Jaime van Kessel 2021-09-22 09:29:47 +02:00
parent 96436fbedd
commit e0b38f2782
1 changed files with 5 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/qml/ApplicationSwitcher/ApplicationButton.qml
View file

@ -15,14 +15,17 @@ Button
property alias displayName: applicationDisplayName.text property alias displayName: applicationDisplayName.text
property alias tooltipText: tooltip.text property alias tooltipText: tooltip.text
property bool isExternalLink: false property bool isExternalLink: false
property color backgroundColor: hovered ? UM.Theme.getColor("primary") : "transparent"
Behavior on backgroundColor { ColorAnimation { duration: 200; } }
width: UM.Theme.getSize("application_switcher_item").width width: UM.Theme.getSize("application_switcher_item").width
height: UM.Theme.getSize("application_switcher_item").height height: UM.Theme.getSize("application_switcher_item").height
background: Rectangle background: Rectangle
{ {
color: parent.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button") color: backgroundColor
border.color: parent.hovered ? UM.Theme.getColor("primary") : "transparent" border.color: backgroundColor
border.width: UM.Theme.getSize("default_lining").width border.width: UM.Theme.getSize("default_lining").width
} }
@ -62,16 +65,6 @@ Button
rightMargin: - Math.round(width * 5 / 6) rightMargin: - Math.round(width * 5 / 6)
} }
Rectangle
{
id: externalLinkIndicatorBackground
anchors.centerIn: parent
width: UM.Theme.getSize("icon_indicator_background").width
height: width
color: base.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
radius: 0.5 * width
}
UM.RecolorImage UM.RecolorImage
{ {
id: externalLinkIndicatorIcon id: externalLinkIndicatorIcon