feat(timeline): use style file (in progress)

tests/resources.qrc

@@ -38,6 +38,7 @@
     <file>ui/style/components/qmldir</file>
     <file>ui/style/components/DialogStyle.qml</file>
     <file>ui/style/components/ScrollBarStyle.qml</file>
+    <file>ui/style/components/TimelineStyle.qml</file>
     <file>ui/style/components/SearchBoxStyle.qml</file>
     <file>ui/style/components/CollapseStyle.qml</file>
     <file>ui/style/components/PopupStyle.qml</file>

tests/ui/components/timeline/Timeline.qml

@@ -6,11 +6,14 @@ import 'qrc:/ui/components/contact'
 import 'qrc:/ui/components/image'
 import 'qrc:/ui/components/view'
 
+import 'qrc:/ui/style/components'
+
 ColumnLayout {
     id: item
 
     property var model
 
+    // Legend.
     Row {
         Layout.preferredHeight: 35
         spacing: 30
@@ -28,12 +31,14 @@ ColumnLayout {
         }
     }
 
+    // Separator.
     Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 1
-        color: '#DEDEDE'
+        Layout.preferredHeight: TimelineStyle.separator.height
+        color: TimelineStyle.separator.color
     }
 
+    // History.
     ScrollableListView {
         Layout.fillHeight: true
         Layout.fillWidth: true

tests/ui/style/components/DialogStyle.qml

@@ -18,7 +18,7 @@ QtObject {
 
     property QtObject description: QtObject {
         property int fontSize: 12
-        property int height: 90
-        property int minHeight: 25
+        property int height: 90    // Height with text.
+        property int minHeight: 25 // Height without text.
     }
 }

tests/ui/style/components/TimelineStyle.qml

+pragma Singleton
+import QtQuick 2.7
+
+import 'qrc:/ui/style/global'
+
+QtObject {
+    property QtObject separator: QtObject {
+        property int height: 1
+        property string color: '#DEDEDE'
+    }
+}

tests/ui/style/components/qmldir

@@ -7,3 +7,4 @@ singleton DialogStyle 1.0 DialogStyle.qml
 singleton PopupStyle 1.0 PopupStyle.qml
 singleton SearchBoxStyle 1.0 SearchBoxStyle.qml
 singleton ScrollBarStyle 1.0 ScrollBarStyle.qml
+singleton TimelineStyle 1.0 TimelineStyle.qml