Git-Mirrors/RetroShare
1
0
Fork 0
mirror of https://github.com/RetroShare/RetroShare.git synced 2024-10-01 02:35:48 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor message composer to fit text size and wrap it

Browse Source
This commit is contained in:
Angela Mazzurco 2017-06-09 17:58:52 +02:00
parent 6e3de73501
commit 80b4c839bb
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
retroshare-qml-app/src/ChatView.qml
View File

@ -18,6 +18,7 @@
import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.2
import org.retroshare.qml_components.LibresapiLocalClient 1.0
import "." //Needed for TokensManager singleton
import "./components"
@ -78,11 +79,12 @@ Item
property var styles: StyleChat.inferiorPanel
id: inferiorPanel
height: styles.height
height: (msgComposer.height > styles.height)? msgComposer.height: styles.height
width: parent.width
anchors.bottom: parent.bottom
Rectangle {
id: backgroundRectangle
anchors.fill: parent.fill
width: parent.width
height: parent.height
@ -99,27 +101,36 @@ Item
height: styles.height
width: styles.width
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.bottom: parent.bottom
anchors.margins: styles.margin
imgUrl: styles.attachIconUrl
}
TextField
TextArea
{
property var styles: StyleChat.inferiorPanel.msgComposer
id: msgComposer
anchors.bottom: parent.bottom
anchors.verticalCenter: parent.verticalCenter
anchors.left: attachButton.right
width: chatView.width - sendButton.width - attachButton.width - emojiButton.width
height: parent.height -5
height: (contentHeight > font.pixelSize)? contentHeight +font.pixelSize : parent.styles.height
width: chatView.width -
(sendButton.width + sendButton.anchors.margins) -
(attachButton.width + attachButton.anchors.margins) -
(emojiButton.width + emojiButton.anchors.margins)
placeholderText: styles.placeHolder
background: styles.background
wrapMode: TextEdit.Wrap
onTextChanged: {
if (msgComposer.length == 0)
{
@ -142,8 +153,10 @@ Item
height: styles.height
width: styles.width
anchors.verticalCenter: parent.verticalCenter
anchors.left: msgComposer.right
anchors.right: sendButton.left
anchors.bottom: parent.bottom
anchors.margins: styles.margin
imgUrl: styles.emojiIconUrl
}
@ -158,8 +171,10 @@ Item
height: styles.height
width: styles.width
anchors.verticalCenter: parent.verticalCenter
anchors.left: emojiButton.right
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors.margins: styles.margin
imgUrl: styles.microIconUrl

2
retroshare-qml-app/src/styles/ChatBubblesStyle.qml
View File

@ -46,7 +46,7 @@ QtObject {
readonly property int width: 30
readonly property int height: 30
readonly property int margin: 10
readonly property int margin: 5
readonly property string sendIconUrl: "/icons/send-message.svg"
readonly property string attachIconUrl: "/icons/attach.svg"