status-im
/
status-qml
mirror of
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(StatusInput): Add labelPadding customization and improve height calculation

This commit is contained in:
MishkaRogachev 2022-08-04 13:06:46 +03:00 committed by Mikhail Rogachev
parent f09565a4fa
commit ad962a6009
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/StatusQ/Controls/StatusInput.qml
View File

@ -94,6 +94,11 @@ Item {
\qmlproperty string StatusInput::label \qmlproperty string StatusInput::label
This property sets the label text. This property sets the label text.
*/ */
property int labelPadding: 8
/*!
\qmlproperty string StatusInput::label
This property sets the label text.
*/
property string label: "" property string label: ""
/*! /*!
\qmlproperty string StatusInput::secondaryLabel \qmlproperty string StatusInput::secondaryLabel
@ -347,9 +352,7 @@ Item {
} }
implicitWidth: 448 implicitWidth: 448
implicitHeight: ((internal.inputHeight + topRow.height + errorMessage.height) + implicitHeight: inputLayout.implicitHeight
((topRow.height > 0) && (errorMessage.height > 0) ? 16 :
(topRow.height > 0) || (errorMessage.height > 0) ? 8 : 0))
Component.onCompleted: { Component.onCompleted: {
validate() validate()
@ -363,7 +366,8 @@ Item {
RowLayout { RowLayout {
id: topRow id: topRow
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: (!!root.label || !!root.secondaryLabel || root.charLimit > 0) ? 22 :0 Layout.preferredHeight: (!!root.label || !!root.secondaryLabel || root.charLimit > 0) ? 22 : 0
StatusBaseText { StatusBaseText {
id: label id: label
visible: !!text visible: !!text
@ -404,7 +408,7 @@ Item {
implicitWidth: parent.width implicitWidth: parent.width
implicitHeight: internal.inputHeight implicitHeight: internal.inputHeight
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
Layout.topMargin: (topRow.height > 0) ? 8 : 0 Layout.topMargin: (topRow.height > 0) ? labelPadding : 0
maximumLength: root.charLimit maximumLength: root.charLimit
onTextChanged: root.validate() onTextChanged: root.validate()
Keys.forwardTo: [root] Keys.forwardTo: [root]
@ -419,13 +423,22 @@ Item {
StatusBaseText { StatusBaseText {
id: errorMessage id: errorMessage
visible: !!text && !statusBaseInput.valid visible: {
height: visible ? contentHeight : 0 if (!text)
return false;
if ((root.validationMode == StatusInput.ValidationMode.OnlyWhenDirty && statusBaseInput.dirty) ||
root.validationMode == StatusInput.ValidationMode.Always)
return !statusBaseInput.valid;
return false;
}
font.pixelSize: 12 font.pixelSize: 12
color: Theme.palette.dangerColor1 color: Theme.palette.dangerColor1
Layout.alignment: Qt.AlignTop
Layout.topMargin: visible ? 8 : 0
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignRight
Layout.topMargin: 8
Layout.fillWidth: true
} }
} }
} }