QML UI: make Preferences page scrollable

This commit only has the actual changes, the next commit will clean up
the white space in order to make it more obvious what was done.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2017-07-09 18:47:18 -07:00
parent 6422932c61
commit 3a7ecc1a7f

View file

@ -7,9 +7,11 @@ import QtQuick.Layouts 1.1
import org.kde.kirigami 2.0 as Kirigami import org.kde.kirigami 2.0 as Kirigami
import org.subsurfacedivelog.mobile 1.0 import org.subsurfacedivelog.mobile 1.0
Kirigami.Page { Kirigami.ScrollablePage {
objectName: "Preferences"
title: qsTr("Preferences") title: qsTr("Preferences")
anchors.margins: Kirigami.Units.gridUnit / 2
actions { actions {
main: Kirigami.Action { main: Kirigami.Action {
text: qsTr("Save") text: qsTr("Save")
@ -23,29 +25,16 @@ Kirigami.Page {
} }
} }
} }
ColumnLayout {
width: parent.width - Kirigami.Units.gridUnit
GridLayout { GridLayout {
id: themePrefs id: themePrefs
columns: 2 columns: 2
width: parent.width - Kirigami.Units.gridUnit
anchors {
top: parent.top
left: parent.left
right: parent.right
margins: Kirigami.Units.gridUnit / 2
}
Kirigami.Heading {
text: qsTr("Preferences")
color: subsurfaceTheme.textColor
Layout.bottomMargin: Kirigami.Units.largeSpacing / 2
Layout.columnSpan: 2
}
Kirigami.Heading { Kirigami.Heading {
text: qsTr("Theme") text: qsTr("Theme")
color: subsurfaceTheme.textColor color: subsurfaceTheme.textColor
level: 3 level: 4
Layout.topMargin: Kirigami.Units.largeSpacing Layout.topMargin: Kirigami.Units.largeSpacing
Layout.bottomMargin: Kirigami.Units.largeSpacing / 2 Layout.bottomMargin: Kirigami.Units.largeSpacing / 2
Layout.columnSpan: 2 Layout.columnSpan: 2
@ -252,16 +241,12 @@ Kirigami.Page {
GridLayout { GridLayout {
id: gpsPrefs id: gpsPrefs
columns: 2 columns: 2
width: parent.width - Kirigami.Units.gridUnit width: parent.width
anchors {
top: themePrefs.bottom
margins: Kirigami.Units.gridUnit / 2
}
Kirigami.Heading { Kirigami.Heading {
text: qsTr("Subsurface GPS data webservice") text: qsTr("Subsurface GPS data webservice")
color: subsurfaceTheme.textColor color: subsurfaceTheme.textColor
level: 3 level: 4
Layout.topMargin: Kirigami.Units.largeSpacing Layout.topMargin: Kirigami.Units.largeSpacing
Layout.bottomMargin: Kirigami.Units.largeSpacing / 2 Layout.bottomMargin: Kirigami.Units.largeSpacing / 2
Layout.columnSpan: 2 Layout.columnSpan: 2
@ -294,16 +279,13 @@ Kirigami.Page {
} }
} }
GridLayout { GridLayout {
id: libdclogprefs
columns: 2 columns: 2
width: parent.width - Kirigami.Units.gridUnit width: parent.width
anchors {
top: gpsPrefs.bottom
margins: Kirigami.Units.gridUnit / 2
}
Kirigami.Heading { Kirigami.Heading {
text: qsTr("Debug log for download from divecomputer") text: qsTr("Debug log for download from divecomputer")
color: subsurfaceTheme.textColor color: subsurfaceTheme.textColor
level: 3 level: 4
Layout.topMargin: Kirigami.Units.largeSpacing Layout.topMargin: Kirigami.Units.largeSpacing
Layout.bottomMargin: Kirigami.Units.largeSpacing / 2 Layout.bottomMargin: Kirigami.Units.largeSpacing / 2
Layout.columnSpan: 2 Layout.columnSpan: 2
@ -338,6 +320,9 @@ Kirigami.Page {
Kirigami.Label { Kirigami.Label {
text: qsTr("Save detailed log of interaction with the dive computer") text: qsTr("Save detailed log of interaction with the dive computer")
} }
}
Item {
height: Kirigami.Units.gridUnit * 6
}
} }
} }