1 files changed, 60 insertions, 53 deletions
diff --git a/resources/qml/delegates/FileMessage.qml b/resources/qml/delegates/FileMessage.qml
index 7a2588f3..c6f213ee 100644
--- a/resources/qml/delegates/FileMessage.qml
+++ b/resources/qml/delegates/FileMessage.qml
@@ -1,68 +1,75 @@
import QtQuick 2.6
import QtQuick.Layouts 1.2
-
import im.nheko 1.0
Item {
- height: row.height + 24
- width: parent ? parent.width : undefined
+ height: row.height + 24
+ width: parent ? parent.width : undefined
+
+ RowLayout {
+ id: row
+
+ anchors.centerIn: parent
+ width: parent.width - 24
+ spacing: 15
+
+ Rectangle {
+ id: button
+
+ color: colors.light
+ radius: 22
+ height: 44
+ width: 44
+
+ Image {
+ id: img
+
+ anchors.centerIn: parent
+ source: "qrc:/icons/icons/ui/arrow-pointing-down.png"
+ fillMode: Image.Pad
+ }
+
+ MouseArea {
+ anchors.fill: parent
+ onClicked: TimelineManager.timeline.saveMedia(model.data.id)
+ cursorShape: Qt.PointingHandCursor
+ }
+
+ }
- RowLayout {
- id: row
+ ColumnLayout {
+ id: col
- anchors.centerIn: parent
- width: parent.width - 24
+ Text {
+ id: filename
- spacing: 15
+ Layout.fillWidth: true
+ text: model.data.filename
+ textFormat: Text.PlainText
+ elide: Text.ElideRight
+ color: colors.text
+ }
- Rectangle {
- id: button
- color: colors.light
- radius: 22
- height: 44
- width: 44
- Image {
- id: img
- anchors.centerIn: parent
+ Text {
+ id: filesize
- source: "qrc:/icons/icons/ui/arrow-pointing-down.png"
- fillMode: Image.Pad
+ Layout.fillWidth: true
+ text: model.data.filesize
+ textFormat: Text.PlainText
+ elide: Text.ElideRight
+ color: colors.text
+ }
- }
- MouseArea {
- anchors.fill: parent
- onClicked: TimelineManager.timeline.saveMedia(model.data.id)
- cursorShape: Qt.PointingHandCursor
- }
- }
- ColumnLayout {
- id: col
+ }
- Text {
- id: filename
- Layout.fillWidth: true
- text: model.data.filename
- textFormat: Text.PlainText
- elide: Text.ElideRight
- color: colors.text
- }
- Text {
- id: filesize
- Layout.fillWidth: true
- text: model.data.filesize
- textFormat: Text.PlainText
- elide: Text.ElideRight
- color: colors.text
- }
- }
- }
+ }
- Rectangle {
- color: colors.dark
- z: -1
- radius: 10
- height: row.height + 24
- width: 44 + 24 + 24 + Math.max(Math.min(filesize.width, filesize.implicitWidth), Math.min(filename.width, filename.implicitWidth))
- }
+ Rectangle {
+ color: colors.dark
+ z: -1
+ radius: 10
+ height: row.height + 24
+ width: 44 + 24 + 24 + Math.max(Math.min(filesize.width, filesize.implicitWidth), Math.min(filename.width, filename.implicitWidth))
+ }
}
|
