fix(Onboarding/PasswordScreens): UI small fixes (texts, sizes, positions)

- Updated finalise button text with the British spelling.

- Password warning texts in onboard flow updated to correct size.

- Updated StatusQ that fixes button change size after loading.

- Updated position of the message error in the Confirmation Screen.

Fixes #5607, #5339, #5606 and #5610

NOTE: Updated status-desktop compilation error after StatusQ commit 1a5990f24bd3f2aba87ab62880e39113c63ba015
This commit is contained in:
Noelia 2022-05-05 11:57:39 +02:00 committed by Noelia
parent 5dd0ad36be
commit e4feaa39ac
3 changed files with 56 additions and 45 deletions

@ -1 +1 @@
Subproject commit ae1e72fb23e1037293c55e5279f5337a13aef19f
Subproject commit 3bdfc3e52817e2e3ce156ac549482405e76150b1

View File

@ -44,25 +44,30 @@ OnboardingBasePage {
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("You will never be able to recover your password if you lose it.")
font.pixelSize: 12
font.pixelSize: 15
color: Theme.palette.dangerColor1
}
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you need to, write it using pen and paper and keep in a safe place.")
font.pixelSize: 12
font.pixelSize: 15
color: Theme.palette.baseColor1
}
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you lose your password you will lose access to your Status profile.")
font.pixelSize: 12
font.pixelSize: 15
color: Theme.palette.baseColor1
}
}
Column {
anchors.horizontalCenter: parent.horizontalCenter
spacing: Style.current.padding
width: parent.width
// TODO replace with StatusInput as soon as it supports password
Input {
id: confPswInput
@ -97,22 +102,28 @@ OnboardingBasePage {
StatusBaseText {
id: errorTxt
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 12
width: parent.width
horizontalAlignment: StatusBaseText.AlignHCenter
color: Theme.palette.dangerColor1
onTextChanged: {
if(text === "") filler.visible = true
else filler.visible = false
}
}
// Just a column filler to fit the design
// Just a column filler to keep the component height althought errorTxt.text is ""
Item {
height: Style.current.padding
width: parent.width
id: filler
width: root.width
visible: true
height: errorTxt.height
}
}
StatusButton {
id: submitBtn
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("Finalize Status Password Creation")
text: qsTr("Finalise Status Password Creation")
enabled:!submitBtn.loading && confPswInput.text.length >= 6
property Timer sim: Timer {

View File

@ -125,7 +125,7 @@ StatusModal {
input.placeholderText: qsTr("Say who you are / why you want to become a contact...")
input.multiline: true
input.implicitHeight: d.msgHeight
input.verticalAlignmet: TextEdit.AlignTop
input.verticalAlignment: TextEdit.AlignTop
validators: [StatusMinLengthValidator {
minLength: d.minMsgLength