QML UI: maximize horizontal size of notes when editing

This seems a bit brute force but I couldn't get the width to propagate
correctly any other way.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2016-01-21 13:09:10 -08:00
parent 9e9d220c98
commit 260cd14a2b
2 changed files with 7 additions and 2 deletions

View file

@ -47,6 +47,7 @@ MobileComponents.Page {
detailsEdit.buddyText = diveListView.currentItem.modelData.dive.buddy detailsEdit.buddyText = diveListView.currentItem.modelData.dive.buddy
detailsEdit.divemasterText = diveListView.currentItem.modelData.dive.divemaster detailsEdit.divemasterText = diveListView.currentItem.modelData.dive.divemaster
detailsEdit.notesText = diveListView.currentItem.modelData.dive.notes detailsEdit.notesText = diveListView.currentItem.modelData.dive.notes
detailsEdit.forcedWidth = diveDetailsPage.width
diveDetailsPage.state = "edit" diveDetailsPage.state = "edit"
} }
} }

View file

@ -21,11 +21,12 @@ Item {
property alias notesText: txtNotes.text property alias notesText: txtNotes.text
property alias durationText: txtDuration.text property alias durationText: txtDuration.text
property alias depthText: txtDepth.text property alias depthText: txtDepth.text
property int forcedWidth
height: editArea.height height: editArea.height
ColumnLayout { ColumnLayout {
id: editArea id: editArea
spacing: MobileComponents.Units.smallSpacing spacing: MobileComponents.Units.smallSpacing
width: forcedWidth
GridLayout { GridLayout {
id: editorDetails id: editorDetails
@ -132,10 +133,13 @@ Item {
} }
MobileComponents.Label { MobileComponents.Label {
Layout.alignment: Qt.AlignRight Layout.columnSpan: 2
Layout.alignment: Qt.AlignLeft
text: "Notes:" text: "Notes:"
} }
TextArea { TextArea {
Layout.columnSpan: 2
width: parent.width
id: txtNotes id: txtNotes
textFormat: TextEdit.RichText textFormat: TextEdit.RichText
focus: true focus: true