diff options
-rw-r--r-- | views/calendar/qml/DateSelector.qml | 4 | ||||
-rw-r--r-- | views/calendar/qml/DateView.qml | 36 | ||||
-rw-r--r-- | views/calendar/qml/View.qml | 3 |
3 files changed, 25 insertions, 18 deletions
diff --git a/views/calendar/qml/DateSelector.qml b/views/calendar/qml/DateSelector.qml index bc297505..c8717d8f 100644 --- a/views/calendar/qml/DateSelector.qml +++ b/views/calendar/qml/DateSelector.qml | |||
@@ -37,6 +37,8 @@ Column { | |||
37 | verticalCenter: parent.verticalCenter | 37 | verticalCenter: parent.verticalCenter |
38 | left: parent.left | 38 | left: parent.left |
39 | } | 39 | } |
40 | height: parent.height | ||
41 | width: parent.height | ||
40 | color: Kube.Colors.darkBackgroundColor | 42 | color: Kube.Colors.darkBackgroundColor |
41 | iconName: Kube.Icons.goBack_inverted | 43 | iconName: Kube.Icons.goBack_inverted |
42 | onClicked: { | 44 | onClicked: { |
@@ -60,6 +62,8 @@ Column { | |||
60 | verticalCenter: parent.verticalCenter | 62 | verticalCenter: parent.verticalCenter |
61 | right: parent.right | 63 | right: parent.right |
62 | } | 64 | } |
65 | height: parent.height | ||
66 | width: parent.height | ||
63 | color: Kube.Colors.darkBackgroundColor | 67 | color: Kube.Colors.darkBackgroundColor |
64 | iconName: Kube.Icons.goNext_inverted | 68 | iconName: Kube.Icons.goNext_inverted |
65 | onClicked: { | 69 | onClicked: { |
diff --git a/views/calendar/qml/DateView.qml b/views/calendar/qml/DateView.qml index c42b35fe..cc9eba7c 100644 --- a/views/calendar/qml/DateView.qml +++ b/views/calendar/qml/DateView.qml | |||
@@ -21,28 +21,30 @@ import QtQuick.Controls 2.2 | |||
21 | 21 | ||
22 | import org.kube.framework 1.0 as Kube | 22 | import org.kube.framework 1.0 as Kube |
23 | 23 | ||
24 | Row { | 24 | Item { |
25 | id: root | 25 | id: root |
26 | property date date: null | 26 | property date date: null |
27 | 27 | height: Kube.Units.gridUnit * 2 | |
28 | spacing: Kube.Units.smallSpacing | 28 | Row { |
29 | 29 | anchors.fill: parent | |
30 | Kube.Label { | 30 | spacing: Kube.Units.smallSpacing |
31 | anchors.verticalCenter: parent.verticalCenter | ||
32 | text: root.date.getDate() | ||
33 | color: Kube.Colors.highlightedTextColor | ||
34 | font.pointSize: Kube.Units.defaultFontSize * 3 | ||
35 | } | ||
36 | Column { | ||
37 | anchors.verticalCenter: parent.verticalCenter | ||
38 | Kube.Label { | 31 | Kube.Label { |
39 | text: root.date.toLocaleString(Qt.locale(), "dddd") | 32 | anchors.verticalCenter: parent.verticalCenter |
33 | text: root.date.getDate() | ||
40 | color: Kube.Colors.highlightedTextColor | 34 | color: Kube.Colors.highlightedTextColor |
35 | font.pointSize: Kube.Units.defaultFontSize * 3 | ||
41 | } | 36 | } |
42 | Kube.Label { | 37 | Column { |
43 | text: root.date.toLocaleString(Qt.locale(), "MMMM yyyy") | 38 | anchors.verticalCenter: parent.verticalCenter |
44 | color: Kube.Colors.highlightedTextColor | 39 | Kube.Label { |
45 | font.pointSize: Kube.Units.smallFontSize | 40 | text: root.date.toLocaleString(Qt.locale(), "dddd") |
41 | color: Kube.Colors.highlightedTextColor | ||
42 | } | ||
43 | Kube.Label { | ||
44 | text: root.date.toLocaleString(Qt.locale(), "MMMM yyyy") | ||
45 | color: Kube.Colors.highlightedTextColor | ||
46 | font.pointSize: Kube.Units.smallFontSize | ||
47 | } | ||
46 | } | 48 | } |
47 | } | 49 | } |
48 | } | 50 | } |
diff --git a/views/calendar/qml/View.qml b/views/calendar/qml/View.qml index e25baa15..e49894ca 100644 --- a/views/calendar/qml/View.qml +++ b/views/calendar/qml/View.qml | |||
@@ -78,6 +78,7 @@ RowLayout { | |||
78 | right: parent.right | 78 | right: parent.right |
79 | margins: Kube.Units.largeSpacing | 79 | margins: Kube.Units.largeSpacing |
80 | } | 80 | } |
81 | spacing: Kube.Units.largeSpacing | ||
81 | Kube.PositiveButton { | 82 | Kube.PositiveButton { |
82 | id: newEventButton | 83 | id: newEventButton |
83 | objectName: "newEventButton" | 84 | objectName: "newEventButton" |
@@ -108,7 +109,7 @@ RowLayout { | |||
108 | bottomMargin: Kube.Units.largeSpacing | 109 | bottomMargin: Kube.Units.largeSpacing |
109 | rightMargin: Kube.Units.largeSpacing | 110 | rightMargin: Kube.Units.largeSpacing |
110 | } | 111 | } |
111 | height: Math.min(implicitHeight, parent.height - (topLayout.y + topLayout.height) - Kube.Units.largeSpacing) | 112 | height: Math.min(implicitHeight, parent.height - (topLayout.y + topLayout.height) - Kube.Units.largeSpacing - anchors.bottomMargin) |
112 | 113 | ||
113 | spacing: Kube.Units.largeSpacing | 114 | spacing: Kube.Units.largeSpacing |
114 | 115 | ||