lock: fix transparent shadow

This commit is contained in:
2 * r + 2 * t 2025-08-11 01:43:45 +10:00
parent dcaa49cddc
commit 51496de0cc

View file

@ -34,16 +34,16 @@ WlSessionLockSurface {
ParallelAnimation { ParallelAnimation {
Anim { Anim {
target: lockBg target: lockContent
properties: "implicitWidth,implicitHeight" properties: "implicitWidth,implicitHeight"
to: lockBg.size to: lockContent.size
duration: Appearance.anim.durations.expressiveDefaultSpatial duration: Appearance.anim.durations.expressiveDefaultSpatial
easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
} }
Anim { Anim {
target: lockBg target: lockBg
property: "radius" property: "radius"
to: lockBg.size / 4 to: lockContent.size / 4
} }
Anim { Anim {
target: content target: content
@ -75,7 +75,7 @@ WlSessionLockSurface {
duration: Appearance.anim.durations.small duration: Appearance.anim.durations.small
} }
Anim { Anim {
target: lockBg target: lockContent
property: "opacity" property: "opacity"
to: 0 to: 0
} }
@ -100,14 +100,14 @@ WlSessionLockSurface {
SequentialAnimation { SequentialAnimation {
ParallelAnimation { ParallelAnimation {
Anim { Anim {
target: lockBg target: lockContent
property: "scale" property: "scale"
to: 1 to: 1
duration: Appearance.anim.durations.expressiveFastSpatial duration: Appearance.anim.durations.expressiveFastSpatial
easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
} }
Anim { Anim {
target: lockBg target: lockContent
property: "rotation" property: "rotation"
to: 360 to: 360
duration: Appearance.anim.durations.expressiveFastSpatial duration: Appearance.anim.durations.expressiveFastSpatial
@ -144,14 +144,14 @@ WlSessionLockSurface {
to: Appearance.rounding.large * 1.5 to: Appearance.rounding.large * 1.5
} }
Anim { Anim {
target: lockBg target: lockContent
property: "implicitWidth" property: "implicitWidth"
to: root.screen.height * Config.lock.sizes.heightMult * Config.lock.sizes.ratio to: root.screen.height * Config.lock.sizes.heightMult * Config.lock.sizes.ratio
duration: Appearance.anim.durations.expressiveDefaultSpatial duration: Appearance.anim.durations.expressiveDefaultSpatial
easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
} }
Anim { Anim {
target: lockBg target: lockContent
property: "implicitHeight" property: "implicitHeight"
to: root.screen.height * Config.lock.sizes.heightMult to: root.screen.height * Config.lock.sizes.heightMult
duration: Appearance.anim.durations.expressiveDefaultSpatial duration: Appearance.anim.durations.expressiveDefaultSpatial
@ -180,8 +180,8 @@ WlSessionLockSurface {
} }
} }
StyledRect { Item {
id: lockBg id: lockContent
readonly property int size: lockIcon.implicitHeight + Appearance.padding.large * 4 readonly property int size: lockIcon.implicitHeight + Appearance.padding.large * 4
@ -189,18 +189,23 @@ WlSessionLockSurface {
implicitWidth: size implicitWidth: size
implicitHeight: size implicitHeight: size
clip: true
color: Colours.tPalette.m3surface
radius: size / 4
rotation: 180 rotation: 180
scale: 0 scale: 0
Elevation { StyledRect {
id: lockBg
anchors.fill: parent anchors.fill: parent
radius: parent.radius color: Colours.palette.m3surface
z: -1 radius: parent.size / 4
level: 3 opacity: Colours.transparency.enabled ? Colours.transparency.base : 1
offset.y: 0
layer.enabled: true
layer.effect: MultiEffect {
shadowEnabled: true
blurMax: 15
shadowColor: Qt.alpha(Colours.palette.m3shadow, 0.7)
}
} }
MaterialIcon { MaterialIcon {