Added a hover effect to the expandableComponent

CURA-5785
This commit is contained in:
Jaime van Kessel 2018-11-14 16:57:05 +01:00
parent 20b7a925a0
commit 21d7619a45

View File

@ -19,7 +19,8 @@ Item
// The background color of the popup // The background color of the popup
property color popupBackgroundColor: "white" property color popupBackgroundColor: "white"
property alias headerBackgroundColor: background.color property color headerBackgroundColor: "white"
property color headerHoverColor: "white"
// How much spacing is needed around the popupItem // How much spacing is needed around the popupItem
property alias popupPadding: popup.padding property alias popupPadding: popup.padding
@ -63,7 +64,7 @@ Item
id: background id: background
property real padding: UM.Theme.getSize("default_margin").width property real padding: UM.Theme.getSize("default_margin").width
color: "white" color: headerBackgroundColor
anchors.fill: parent anchors.fill: parent
Loader Loader
{ {
@ -97,8 +98,12 @@ Item
MouseArea MouseArea
{ {
id: mouseArea
anchors.fill: parent anchors.fill: parent
onClicked: popup.visible ? popup.close() : popup.open() onClicked: popup.visible ? popup.close() : popup.open()
hoverEnabled: true
onEntered: background.color = headerHoverColor
onExited: background.color = headerBackgroundColor
} }
} }