fix bar group glow to not affect content text

This commit is contained in:
Damocles 2026-04-12 17:04:30 +02:00
parent dca0b7c217
commit 5f3864afba

View file

@ -2,20 +2,33 @@ import QtQuick
import QtQuick.Effects
import "." as M
Rectangle {
Item {
id: root
default property alias content: row.children
property color borderColor: M.Theme.base02
color: "transparent"
border.color: borderColor
border.width: 1
radius: M.Theme.radius
visible: row.visibleChildren.length > 0
layer.enabled: true
layer.effect: MultiEffect {
implicitWidth: row.implicitWidth + _pad * 2
implicitHeight: row.implicitHeight + _pad * 2
readonly property int _pad: 6
// Shadow source rendered offscreen, only its glow is visible
Rectangle {
id: shadowSource
anchors.fill: parent
color: "transparent"
border.color: root.borderColor
border.width: 1
radius: M.Theme.radius
visible: false
}
MultiEffect {
source: shadowSource
anchors.fill: shadowSource
shadowEnabled: true
shadowColor: root.borderColor
shadowBlur: 0.6
@ -23,10 +36,14 @@ Rectangle {
shadowHorizontalOffset: 0
}
implicitWidth: row.implicitWidth + _pad * 2
implicitHeight: row.implicitHeight + _pad * 2
readonly property int _pad: 6
// Visible border (on top of the glow)
Rectangle {
anchors.fill: parent
color: "transparent"
border.color: root.borderColor
border.width: 1
radius: M.Theme.radius
}
Row {
id: row