From d93280f1dc30939c94259afccba6e112b7090892 Mon Sep 17 00:00:00 2001 From: Dirk Hohndel Date: Sat, 24 Jun 2017 13:13:04 -0700 Subject: QML UI: DiveList: add date box to trip header This way you can tell when a trip happened. Signed-off-by: Dirk Hohndel --- mobile-widgets/qml/DiveList.qml | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) (limited to 'mobile-widgets/qml/DiveList.qml') diff --git a/mobile-widgets/qml/DiveList.qml b/mobile-widgets/qml/DiveList.qml index 07075bc36..8ffaa0011 100644 --- a/mobile-widgets/qml/DiveList.qml +++ b/mobile-widgets/qml/DiveList.qml @@ -194,6 +194,33 @@ Kirigami.ScrollablePage { } color: subsurfaceTheme.lightPrimaryColor visible: section != "" + Rectangle { + id: dateBox + visible: section != "" + height: section == "" ? 0 : 2 * Kirigami.Units.gridUnit + width: section == "" ? 0 : 2.5 * Kirigami.Units.gridUnit + color: subsurfaceTheme.primaryColor + radius: Kirigami.Units.smallSpacing * 2 + antialiasing: true + anchors { + verticalCenter: parent.verticalCenter + left: parent.left + leftMargin: Kirigami.Units.smallSpacing + } + Label { + text: { section.replace(/.*\+\+/, "").replace(/::.*/, "").replace("@", "\n'") } + color: subsurfaceTheme.primaryTextColor + font.pointSize: subsurfaceTheme.smallPointSize + lineHeightMode: Text.FixedHeight + lineHeight: Kirigami.Units.gridUnit *.9 + horizontalAlignment: Text.AlignHCenter + anchors { + horizontalCenter: parent.horizontalCenter + verticalCenter: parent.verticalCenter + } + } + } + Kirigami.Label { id: sectionText text: { @@ -214,7 +241,7 @@ Kirigami.ScrollablePage { font.weight: Font.Bold anchors { top: parent.top - left: parent.left + left: dateBox.right topMargin: Math.max(2, Kirigami.Units.gridUnit / 2) leftMargin: horizontalPadding * 2 right: parent.right -- cgit v1.2.3-70-g09d2