fix bar group glow to not affect content text
This commit is contained in:
parent
dca0b7c217
commit
5f3864afba
1 changed files with 28 additions and 11 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue