diff options
| author | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-09-22 21:05:50 +0700 |
|---|---|---|
| committer | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-09-22 21:05:50 +0700 |
| commit | bfd8a935a4b8a4edd1a24586b9622b6e9a78634b (patch) | |
| tree | 28603919d48ca9644d11adbc73533df8b7582bea | |
| parent | 0b5bec79074b2cd696c34331212a1feaadc7f1a3 (diff) | |
truncate texts and add timestamp
| -rw-r--r-- | forms/TaskForm.ui.qml | 35 |
1 files changed, 20 insertions, 15 deletions
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 { |