mobile/summary: more UI fine tuning

Creating more space for the header column and a little visual separation for
the different sections.

The commit is much smaller than it looks - try 'git show -w'.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2020-02-09 20:56:14 -08:00
parent 67933e68dd
commit 57024d188c

View file

@ -110,13 +110,13 @@ Kirigami.ScrollablePage {
Row { Row {
height: headerLabel.height + Kirigami.Units.largeSpacing height: headerLabel.height + Kirigami.Units.largeSpacing
Rectangle { Rectangle {
width: Kirigami.Units.gridUnit * 2 width: Kirigami.Units.gridUnit
height: parent.height height: parent.height
color: "transparent" color: "transparent"
} }
Rectangle { Rectangle {
color: index & 1 ? subsurfaceTheme.backgroundColor : subsurfaceTheme.lightPrimaryColor color: index & 1 ? subsurfaceTheme.backgroundColor : subsurfaceTheme.lightPrimaryColor
width: headerColumnWidth width: headerColumnWidth + Kirigami.Units.gridUnit
height: headerLabel.height + Kirigami.Units.largeSpacing height: headerLabel.height + Kirigami.Units.largeSpacing
Label { Label {
id: headerLabel id: headerLabel
@ -152,6 +152,12 @@ Kirigami.ScrollablePage {
Component { Component {
id: sectionDelegate id: sectionDelegate
Column {
Rectangle {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
height: Kirigami.Units.largeSpacing
color: subsurfaceTheme.backgroundColor
}
Rectangle { Rectangle {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2 width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
height: sectionLabel.height + Kirigami.Units.largeSpacing height: sectionLabel.height + Kirigami.Units.largeSpacing
@ -165,6 +171,7 @@ Kirigami.ScrollablePage {
} }
} }
} }
}
ListView { ListView {
id: resultsTable id: resultsTable
model: summaryModel model: summaryModel