lock: fix transparent shadow
This commit is contained in:
parent
dcaa49cddc
commit
51496de0cc
1 changed files with 23 additions and 18 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue