diff options
| author | Michael Bohlender <michael.bohlender@kdemail.net> | 2015-11-22 17:33:01 +0100 |
|---|---|---|
| committer | Michael Bohlender <michael.bohlender@kdemail.net> | 2015-11-22 17:33:01 +0100 |
| commit | 43fb28d4700a715bec48e1a06be75c5d573252af (patch) | |
| tree | f2a5ec98bf89fd03c0d677ee9cbfb0533f518d62 | |
| parent | 45d8493c9b6b57dc163188b0cb2744efd4b9253a (diff) | |
| download | kube-43fb28d4700a715bec48e1a06be75c5d573252af.tar.gz kube-43fb28d4700a715bec48e1a06be75c5d573252af.zip | |
Add scrollbar to mailview
| -rw-r--r-- | applications/kmail-quick/package/contents/ui/MailListView.qml | 125 |
1 files changed, 64 insertions, 61 deletions
diff --git a/applications/kmail-quick/package/contents/ui/MailListView.qml b/applications/kmail-quick/package/contents/ui/MailListView.qml index 0ec73121..e6e06a4f 100644 --- a/applications/kmail-quick/package/contents/ui/MailListView.qml +++ b/applications/kmail-quick/package/contents/ui/MailListView.qml | |||
| @@ -19,98 +19,101 @@ import QtQuick 2.4 | |||
| 19 | import QtQuick.Controls 1.3 | 19 | import QtQuick.Controls 1.3 |
| 20 | import QtQuick.Layouts 1.1 | 20 | import QtQuick.Layouts 1.1 |
| 21 | 21 | ||
| 22 | ListView { | 22 | ScrollView { |
| 23 | id: root | 23 | id: root |
| 24 | ListView { | ||
| 25 | id: listView | ||
| 24 | 26 | ||
| 25 | model: MailListModel {} | 27 | model: MailListModel {} |
| 26 | 28 | ||
| 27 | delegate: ListItem { | 29 | delegate: ListItem { |
| 28 | 30 | ||
| 29 | width: root.width | 31 | width: listView.width |
| 30 | height: unit.size * 12 | 32 | height: unit.size * 12 |
| 31 | 33 | ||
| 32 | Rectangle { | 34 | Rectangle { |
| 33 | id: unread | 35 | id: unread |
| 34 | 36 | ||
| 35 | anchors.fill: parent | 37 | anchors.fill: parent |
| 36 | 38 | ||
| 37 | color: colorPalette.read | 39 | color: colorPalette.read |
| 38 | opacity: 0.1 | 40 | opacity: 0.1 |
| 39 | 41 | ||
| 40 | visible: model.unread == false | 42 | visible: model.unread == false |
| 41 | } | ||
| 42 | |||
| 43 | Avatar { | ||
| 44 | id: avatar | ||
| 45 | |||
| 46 | anchors { | ||
| 47 | verticalCenter: parent.verticalCenter | ||
| 48 | left: parent.left | ||
| 49 | leftMargin: unit.size * 2 | ||
| 50 | } | 43 | } |
| 51 | 44 | ||
| 52 | height: unit.size * 9 | 45 | Avatar { |
| 53 | width: height | 46 | id: avatar |
| 54 | 47 | ||
| 55 | name: model.senderName | 48 | anchors { |
| 56 | } | 49 | verticalCenter: parent.verticalCenter |
| 50 | left: parent.left | ||
| 51 | leftMargin: unit.size * 2 | ||
| 52 | } | ||
| 57 | 53 | ||
| 58 | Label { | 54 | height: unit.size * 9 |
| 59 | id: senderName | 55 | width: height |
| 60 | 56 | ||
| 61 | anchors { | 57 | name: model.senderName |
| 62 | top: avatar.top | ||
| 63 | left: avatar.right | ||
| 64 | leftMargin: unit.size * 3 | ||
| 65 | } | 58 | } |
| 66 | 59 | ||
| 67 | text: model.senderName | 60 | Label { |
| 61 | id: senderName | ||
| 68 | 62 | ||
| 69 | font.weight: Font.DemiBold | 63 | anchors { |
| 70 | } | 64 | top: avatar.top |
| 65 | left: avatar.right | ||
| 66 | leftMargin: unit.size * 3 | ||
| 67 | } | ||
| 71 | 68 | ||
| 72 | Label { | 69 | text: model.senderName |
| 73 | id: sender | ||
| 74 | 70 | ||
| 75 | anchors { | 71 | font.weight: Font.DemiBold |
| 76 | top: avatar.top | ||
| 77 | left: senderName.right | ||
| 78 | leftMargin: unit.size | ||
| 79 | right: date.left | ||
| 80 | rightMargin: unit.size | ||
| 81 | } | 72 | } |
| 82 | 73 | ||
| 83 | text: "(" + model.sender +")" | 74 | Label { |
| 75 | id: sender | ||
| 84 | 76 | ||
| 85 | font.weight: Font.ExtraLight | 77 | anchors { |
| 78 | top: avatar.top | ||
| 79 | left: senderName.right | ||
| 80 | leftMargin: unit.size | ||
| 81 | right: date.left | ||
| 82 | rightMargin: unit.size | ||
| 83 | } | ||
| 86 | 84 | ||
| 87 | clip: true | 85 | text: "(" + model.sender +")" |
| 88 | } | ||
| 89 | 86 | ||
| 90 | Label { | 87 | font.weight: Font.ExtraLight |
| 91 | id: date | ||
| 92 | 88 | ||
| 93 | anchors { | 89 | clip: true |
| 94 | top: avatar.top | ||
| 95 | right: parent.right | ||
| 96 | rightMargin: unit.size * 2 | ||
| 97 | } | 90 | } |
| 98 | 91 | ||
| 99 | text: model.date | 92 | Label { |
| 93 | id: date | ||
| 100 | 94 | ||
| 101 | font.weight: Font.Light | 95 | anchors { |
| 102 | } | 96 | top: avatar.top |
| 97 | right: parent.right | ||
| 98 | rightMargin: unit.size * 2 | ||
| 99 | } | ||
| 103 | 100 | ||
| 104 | Label { | 101 | text: model.date |
| 105 | id: subject | ||
| 106 | 102 | ||
| 107 | anchors { | 103 | font.weight: Font.Light |
| 108 | bottom: avatar.bottom | ||
| 109 | left: avatar.right | ||
| 110 | leftMargin: unit.size * 3 | ||
| 111 | } | 104 | } |
| 112 | 105 | ||
| 113 | text: model.subject | 106 | Label { |
| 107 | id: subject | ||
| 108 | |||
| 109 | anchors { | ||
| 110 | bottom: avatar.bottom | ||
| 111 | left: avatar.right | ||
| 112 | leftMargin: unit.size * 3 | ||
| 113 | } | ||
| 114 | |||
| 115 | text: model.subject | ||
| 116 | } | ||
| 114 | } | 117 | } |
| 115 | } | 118 | } |
| 116 | } \ No newline at end of file | 119 | } \ No newline at end of file |