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 { StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("You will never be able to recover your password if you lose it.") 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 color: Theme.palette.dangerColor1
} }
StatusBaseText { StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you need to, write it using pen and paper and keep in a safe place.") 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 color: Theme.palette.baseColor1
} }
StatusBaseText { StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you lose your password you will lose access to your Status profile.") 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 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 // TODO replace with StatusInput as soon as it supports password
Input { Input {
id: confPswInput id: confPswInput
@ -97,22 +102,28 @@ OnboardingBasePage {
StatusBaseText { StatusBaseText {
id: errorTxt id: errorTxt
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 12 font.pixelSize: 12
width: parent.width
horizontalAlignment: StatusBaseText.AlignHCenter
color: Theme.palette.dangerColor1 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 { Item {
height: Style.current.padding id: filler
width: parent.width width: root.width
visible: true
height: errorTxt.height
}
} }
StatusButton { StatusButton {
id: submitBtn id: submitBtn
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("Finalize Status Password Creation") text: qsTr("Finalise Status Password Creation")
enabled:!submitBtn.loading && confPswInput.text.length >= 6 enabled:!submitBtn.loading && confPswInput.text.length >= 6
property Timer sim: Timer { 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.placeholderText: qsTr("Say who you are / why you want to become a contact...")
input.multiline: true input.multiline: true
input.implicitHeight: d.msgHeight input.implicitHeight: d.msgHeight
input.verticalAlignmet: TextEdit.AlignTop input.verticalAlignment: TextEdit.AlignTop
validators: [StatusMinLengthValidator { validators: [StatusMinLengthValidator {
minLength: d.minMsgLength minLength: d.minMsgLength