shift-shell/shell/contents/lockscreen
Devin Lin 5c41092c0f lockscreen: Rework and simplify keypad appearance, and fix lockscreen state
The current lockscreen mockups were originally from this mockup: https://phabricator.kde.org/T12717

There are some issues with it however:
- The 0 key is on the right, which is a bit strange and differs from the layouts of all other platforms
- One-handed usability is worse due to 4 columns instead of 3
- Most mobile lockscreen have the keypad toward the center for one-handed usability, our keypad is stuck to the bottom
- It makes use of a lot of shadows which makes it slower to load
- It's supposed to emulate the design of the keyboard, but it doesn't look like it so it's out of place

The new design is much simpler, with a centered 3 column approach making keys much easier to reach with one hand. It also avoids the use of shadows and layers.

![image](/uploads/52bd7accf2aaffc2b4054e13ac742bce/image.png)

![image](/uploads/4fe8b43abb1f5e2c2b8278f98b28bc71/image.png)

![image](/uploads/a306cfbe628e8b3e49175cd8f8e77ec1/image.png)

TODO:

- Investigate some improvements for keyboard input
2024-06-26 02:57:42 +00:00
..
BottomIconIndicator.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
Clock.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
FlickContainer.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
HeaderComponent.qml Move the lockscreen in the shell package 2024-04-02 10:02:29 +00:00
Keypad.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
LockScreen.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
LockScreenContent.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
LockScreenState.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
NotificationsComponent.qml Move the lockscreen in the shell package 2024-04-02 10:02:29 +00:00
PasswordBar.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00
WallpaperBlur.qml lockscreen: Rework and simplify keypad appearance, and fix lockscreen state 2024-06-26 02:57:42 +00:00