diff --git a/lookandfeel/contents/components/ActionButton.qml b/lookandfeel/contents/components/ActionButton.qml --- a/lookandfeel/contents/components/ActionButton.qml +++ b/lookandfeel/contents/components/ActionButton.qml @@ -36,6 +36,29 @@ implicitWidth: Math.max(iconSize + units.largeSpacing * 2, label.contentWidth) implicitHeight: iconSize + units.smallSpacing + label.implicitHeight + opacity: ( containsMouse || activeFocus ) ? 1 : 0.8 + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + easing.type: Easing.InOutQuad + } + } + + Rectangle { + anchors.centerIn: icon + width: iconSize + units.smallSpacing + height: width + radius: width + color: PlasmaCore.ColorScope.textColor + opacity: ( containsMouse || activeFocus ) ? 0.15 : 0 + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration * 2 + easing.type: Easing.InOutQuad + } + } + } + PlasmaCore.IconItem { id: icon anchors { @@ -48,7 +71,7 @@ colorGroup: PlasmaCore.ColorScope.colorGroup active: mouseArea.containsMouse || root.activeFocus } - + PlasmaComponents.Label { id: label font.pointSize: 11