Wrap and elide the event description as necessary

2 files changed, 5 insertions, 3 deletions

diff --git a/views/calendar/main.qml b/views/calendar/main.qml
index 11eff6c8..08fd3e05 100644
--- a/views/calendar/main.qml
+++ b/views/calendar/main.qml
@@ -53,10 +53,10 @@ ApplicationWindow {
                 events: [
                     {
                         resource: "caldavresource",
-                        summary: "Test Event1",
+                        summary: "Test Event1 with a waaaaaaaay to long summary. Why don't you just use the description you fool!",
                         description: "This is test event #1",
                         starts: "2018-04-10T14:03:00",
-                        ends:   "2018-04-10T17:03:00",
+                        ends:   "2018-04-10T16:03:00",
                     },
                     {
                         resource: "caldavresource",
diff --git a/views/calendar/qml/WeekView.qml b/views/calendar/qml/WeekView.qml
index 80e41bea..7791795c 100644
--- a/views/calendar/qml/WeekView.qml
+++ b/views/calendar/qml/WeekView.qml
@@ -309,11 +309,13 @@ FocusScope {
 
                                 Kube.Label {
                                     anchors {
-                                        left: parent.left
+                                        fill: parent
                                         leftMargin: Kube.Units.smallSpacing
                                     }
                                     text: model.modelData.text
                                     color: Kube.Colors.highlightedTextColor
+                                    wrapMode: Text.Wrap
+                                    elide: Text.ElideRight
                                 }
 
                                 Drag.active: mouseArea.drag.active