QML UI: make edit page scrollable

And have a tiny bit of space around it.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2017-10-04 12:27:13 -07:00
parent 7f0c7eeb24
commit 636904e078
2 changed files with 11 additions and 4 deletions

View file

@ -234,9 +234,16 @@ Kirigami.Page {
ScrollIndicator.horizontal: ScrollIndicator { }
}
}
Flickable {
id: detailsEditFlickable
visible: diveDetailsPage.state != "view" ? true : false
anchors.fill: parent
leftMargin: Kirigami.Units.smallSpacing
rightMargin: Kirigami.Units.smallSpacing
contentHeight: detailsEdit.height
DiveDetailsEdit {
id: detailsEdit
visible: diveDetailsPage.state != "view" ? true : false
}
ScrollBar.vertical: ScrollBar { }
}
}

View file

@ -73,7 +73,7 @@ Item {
}
height: editArea.height
width: diveDetailsPage.width - diveDetailsPage.leftPadding - diveDetailsPage.rightPadding
width: diveDetailsPage.width - diveDetailsPage.leftPadding - diveDetailsPage.rightPadding - Kirigami.Units.smallSpacing * 2
ColumnLayout {
id: editArea
spacing: Kirigami.Units.smallSpacing