mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-08-02 17:54:45 +00:00
Remove blur, hide clock when keypad is shown, add enter pin labels
This commit is contained in:
parent
b86bfa645e
commit
92c079fbb6
1 changed files with 25 additions and 16 deletions
|
|
@ -38,13 +38,6 @@ PlasmaCore.ColorScope {
|
||||||
source: wallpaper
|
source: wallpaper
|
||||||
brightness: -(passwordFlickable.contentY / passwordFlickable.columnHeight * 0.6)
|
brightness: -(passwordFlickable.contentY / passwordFlickable.columnHeight * 0.6)
|
||||||
}
|
}
|
||||||
|
|
||||||
FastBlur {
|
|
||||||
anchors.fill: parent
|
|
||||||
cached: true
|
|
||||||
source: darken
|
|
||||||
radius: passwordFlickable.contentY / passwordFlickable.columnHeight * 32
|
|
||||||
}
|
|
||||||
|
|
||||||
DropShadow {
|
DropShadow {
|
||||||
id: clockShadow
|
id: clockShadow
|
||||||
|
|
@ -56,12 +49,9 @@ PlasmaCore.ColorScope {
|
||||||
samples: 14
|
samples: 14
|
||||||
spread: 0.3
|
spread: 0.3
|
||||||
color: PlasmaCore.ColorScope.backgroundColor
|
color: PlasmaCore.ColorScope.backgroundColor
|
||||||
Behavior on opacity {
|
|
||||||
OpacityAnimator {
|
// hide when keypad is shown
|
||||||
duration: 1000
|
opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
|
||||||
easing.type: Easing.InOutQuad
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Clock {
|
Clock {
|
||||||
|
|
@ -75,6 +65,17 @@ PlasmaCore.ColorScope {
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
|
||||||
|
}
|
||||||
|
|
||||||
|
PlasmaCore.IconItem {
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.bottomMargin: units.gridUnit
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
|
||||||
|
|
||||||
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
||||||
|
source: "arrow-up"
|
||||||
}
|
}
|
||||||
|
|
||||||
Flickable {
|
Flickable {
|
||||||
|
|
@ -113,15 +114,23 @@ PlasmaCore.ColorScope {
|
||||||
spacing: units.gridUnit * 2
|
spacing: units.gridUnit * 2
|
||||||
opacity: Math.sin((Math.PI / 2) * (passwordFlickable.contentY / passwordFlickable.columnHeight) + 1.5 * Math.PI) + 1
|
opacity: Math.sin((Math.PI / 2) * (passwordFlickable.contentY / passwordFlickable.columnHeight) + 1.5 * Math.PI) + 1
|
||||||
|
|
||||||
|
PlasmaComponents.Label {
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
text: qsTr("Enter PIN")
|
||||||
|
font.pointSize: 12
|
||||||
|
}
|
||||||
|
|
||||||
Row {
|
Row {
|
||||||
id: dotDisplay
|
id: dotDisplay
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter
|
||||||
spacing: 6
|
spacing: 6
|
||||||
|
|
||||||
|
Layout.minimumHeight: units.gridUnit
|
||||||
|
|
||||||
Repeater {
|
Repeater {
|
||||||
model: root.password.length
|
model: root.password.length
|
||||||
delegate: Rectangle {
|
delegate: Rectangle {
|
||||||
width: units.gridUnit * 2
|
width: units.gridUnit
|
||||||
height: width
|
height: width
|
||||||
radius: width
|
radius: width
|
||||||
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6)
|
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6)
|
||||||
|
|
@ -136,7 +145,7 @@ PlasmaCore.ColorScope {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.minimumHeight: units.gridUnit * 16
|
Layout.minimumHeight: units.gridUnit * 16
|
||||||
Layout.maximumWidth: root.width
|
Layout.maximumWidth: root.width
|
||||||
Layout.bottomMargin: units.gridUnit
|
Layout.bottomMargin: units.gridUnit * 2
|
||||||
Layout.leftMargin: units.gridUnit * 2
|
Layout.leftMargin: units.gridUnit * 2
|
||||||
Layout.rightMargin: units.gridUnit * 2
|
Layout.rightMargin: units.gridUnit * 2
|
||||||
rowSpacing: units.gridUnit
|
rowSpacing: units.gridUnit
|
||||||
|
|
@ -176,7 +185,7 @@ PlasmaCore.ColorScope {
|
||||||
visible: modelData !== "R" && modelData !== "E"
|
visible: modelData !== "R" && modelData !== "E"
|
||||||
text: modelData
|
text: modelData
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
font.pointSize: 20
|
font.pointSize: 16
|
||||||
}
|
}
|
||||||
|
|
||||||
PlasmaCore.IconItem {
|
PlasmaCore.IconItem {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue