mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2024-11-30 22:20:21 +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 {
height: headerLabel.height + Kirigami.Units.largeSpacing
Rectangle {
width: Kirigami.Units.gridUnit * 2
width: Kirigami.Units.gridUnit
height: parent.height
color: "transparent"
}
Rectangle {
color: index & 1 ? subsurfaceTheme.backgroundColor : subsurfaceTheme.lightPrimaryColor
width: headerColumnWidth
width: headerColumnWidth + Kirigami.Units.gridUnit
height: headerLabel.height + Kirigami.Units.largeSpacing
Label {
id: headerLabel
@ -152,16 +152,23 @@ Kirigami.ScrollablePage {
Component {
id: sectionDelegate
Rectangle {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
height: sectionLabel.height + Kirigami.Units.largeSpacing
Label {
id: sectionLabel
anchors.verticalCenter: parent.verticalCenter
leftPadding: Kirigami.Units.largeSpacing
color: subsurfaceTheme.textColor
text: section
font.bold: true
Column {
Rectangle {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
height: Kirigami.Units.largeSpacing
color: subsurfaceTheme.backgroundColor
}
Rectangle {
width: headerColumnWidth * 3 - Kirigami.Units.gridUnit * 2
height: sectionLabel.height + Kirigami.Units.largeSpacing
Label {
id: sectionLabel
anchors.verticalCenter: parent.verticalCenter
leftPadding: Kirigami.Units.largeSpacing
color: subsurfaceTheme.textColor
text: section
font.bold: true
}
}
}
}