From bfd8a935a4b8a4edd1a24586b9622b6e9a78634b Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Sun, 22 Sep 2019 21:05:50 +0700
Subject: truncate texts and add timestamp

---
 forms/TaskForm.ui.qml | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

(limited to 'forms')

diff --git a/forms/TaskForm.ui.qml b/forms/TaskForm.ui.qml
index 52c0f02..4007e75 100644
--- a/forms/TaskForm.ui.qml
+++ b/forms/TaskForm.ui.qml
@@ -7,16 +7,12 @@ GridLayout {
     property alias taskTitle: taskTitle
 
     id: task
-    width: fillWidth
     height: 72
     anchors.right: parent.right
     anchors.rightMargin: 0
     anchors.left: parent.left
     anchors.leftMargin: 0
 
-    Layout.fillWidth: true
-    Layout.fillHeight: true
-
     ItemDelegate {
         id: itemDelegate
         Layout.fillWidth: parent.width
@@ -27,38 +23,47 @@ GridLayout {
             CheckBox {
                 Layout.leftMargin: 4
                 display: AbstractButton.IconOnly
-                font.family: "Google Sans"
-                font.pointSize: 16
-                font.weight: Font.Medium
             }
             ColumnLayout {
                 Layout.leftMargin: 14
                 spacing: 0
                 Layout.fillWidth: true
                 Layout.fillHeight: true
-                Label {
+
+                Text {
                     id: taskTitle
                     text: qsTr("Task title")
+                    Layout.rightMargin: 16
+                    elide: Text.ElideRight
                     Layout.columnSpan: 0
                     Layout.rowSpan: 0
                     verticalAlignment: Text.AlignVCenter
-                    Layout.topMargin: 8
-                    wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+                    Layout.topMargin: 0
                     font.weight: Font.Medium
                     font.family: "Work Sans"
-                    font.pointSize: 16
+                    font.pixelSize: 16
                     Layout.fillWidth: true
                 }
-                Label {
+                Text {
                     text: qsTr("Truncated task description")
+                    Layout.rightMargin: 16
+                    font.pixelSize: 14
                     Layout.topMargin: 4
                     Layout.columnSpan: 0
                     Layout.rowSpan: 0
                     verticalAlignment: Text.AlignVCenter
-                    Layout.bottomMargin: 8
-                    wrapMode: Text.WrapAtWordBoundaryOrAnywhere
-                    color: "#8a000000"
+                    Layout.bottomMargin: 0
+                    color: "#b3000000"
                     Layout.fillWidth: true
+                    elide: Text.ElideRight
+                }
+                Text {
+                    id: taskTimestamp
+                    color: "#8a000000"
+                    text: qsTr("DD/MM/YYYY")
+                    topPadding: 4
+                    font.pixelSize: 12
+                    font.family: "Work Sans"
                 }
             }
             Image {
-- 
cgit v1.2.3