mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2025-02-19 22:16:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

mobile/summary: more UI fine tuning

Browse source 
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
1 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
mobile-widgets/qml/DiveSummary.qml
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,16 +152,23 @@ Kirigami.ScrollablePage {
Component { Component {
id: sectionDelegate id: sectionDelegate
Rectangle { Column {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2 Rectangle {
height: sectionLabel.height + Kirigami.Units.largeSpacing width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
Label { height: Kirigami.Units.largeSpacing
id: sectionLabel color: subsurfaceTheme.backgroundColor
anchors.verticalCenter: parent.verticalCenter }
leftPadding: Kirigami.Units.largeSpacing Rectangle {
color: subsurfaceTheme.textColor width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
text: section height: sectionLabel.height + Kirigami.Units.largeSpacing
font.bold: true Label {
id: sectionLabel
anchors.verticalCenter: parent.verticalCenter
leftPadding: Kirigami.Units.largeSpacing
color: subsurfaceTheme.textColor
text: section
font.bold: true
}
} }
} }
} }