From c81cddc38f4ed2cf684592b65d0952284b241b71 Mon Sep 17 00:00:00 2001 From: Damocles Date: Thu, 16 Apr 2026 00:51:53 +0200 Subject: [PATCH] stronger vibec0re hover glow: thicker border, pulsing accent fill --- modules/BarGroup.qml | 37 +++++++++++++++++++++++++++++++++++-- 1 file changed, 35 insertions(+), 2 deletions(-) diff --git a/modules/BarGroup.qml b/modules/BarGroup.qml index 3966dbb..6898d71 100644 --- a/modules/BarGroup.qml +++ b/modules/BarGroup.qml @@ -85,17 +85,23 @@ Item { } } - // Visible border — glow on hover only + // Visible border Rectangle { anchors.fill: parent color: "transparent" border.color: root.borderColor - border.width: 1 + border.width: root._hovered ? 2 : 1 topLeftRadius: root._tlr topRightRadius: root._trr bottomLeftRadius: root._blr bottomRightRadius: root._brr + Behavior on border.width { + NumberAnimation { + duration: 120 + } + } + layer.enabled: root._hovered layer.effect: MultiEffect { shadowEnabled: true @@ -106,6 +112,33 @@ Item { } } + // Pulsing accent fill — hover glow breath + Rectangle { + anchors.fill: parent + topLeftRadius: root._tlr + topRightRadius: root._trr + bottomLeftRadius: root._blr + bottomRightRadius: root._brr + color: Qt.rgba(root.borderColor.r, root.borderColor.g, root.borderColor.b, _pulse) + visible: root._hovered + + property real _pulse: 0.08 + SequentialAnimation on _pulse { + running: root._hovered + loops: Animation.Infinite + NumberAnimation { + to: 0.22 + duration: 700 + easing.type: Easing.InOutSine + } + NumberAnimation { + to: 0.06 + duration: 700 + easing.type: Easing.InOutSine + } + } + } + Row { id: row property color accentColor: root.borderColor