messagebar: fix rtl layout

GitLab: #1279

Change-Id: I746fd86a4cf32cbb369ba2c5d57182800d7da0d0

src/app/commoncomponents/JamiIdentifier.qml

@@ -130,7 +130,6 @@ Item {
                 id: controlsLayout
 
                 height: childrenRect.height
-                width: childrenRect.width
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.rightMargin: JamiTheme.pushButtonMargins
                 anchors.leftMargin: JamiTheme.pushButtonMargins

src/app/commoncomponents/MarkdownPopup.qml

@@ -36,11 +36,12 @@ Popup {
     contentItem: ListView {
         id: listViewTypoSecond
 
-        width: contentWidth + leftMargin
+        width: contentWidth + leftMargin + rightMargin
         height: JamiTheme.chatViewFooterButtonSize
         orientation: ListView.Horizontal
         interactive: false
         leftMargin: 10
+        rightMargin: 10
         spacing: 10
 
         Rectangle {
@@ -53,7 +54,7 @@ Popup {
         model: menuTypoActionsSecond
 
         delegate: PushButton {
-            anchors.verticalCenter: parent.verticalCenter
+            anchors.verticalCenter: parent ? parent.verticalCenter : undefined
 
             preferredSize: JamiTheme.chatViewFooterRealButtonSize
             imageContainerWidth: 20

src/app/mainview/components/ChatViewFooter.qml

@@ -129,6 +129,9 @@ Rectangle {
 
             Layout.alignment: Qt.AlignHCenter
             Layout.preferredWidth: footerColumnLayout.width
+            Layout.leftMargin: marginSize
+            Layout.rightMargin: marginSize
+            Layout.bottomMargin: marginSize
             Layout.preferredHeight: height
 
             property var emojiPicker

src/app/mainview/components/MessageBarTextArea.qml

@@ -30,7 +30,9 @@ JamiFlickable {
 
     property int maxWidth: 330
     property bool tooMuch: {
+        if (maxWidth > 0)
             return textArea.contentWidth > maxWidth;
+        return false;
     }
     property alias text: textArea.text
     property var textAreaObj: textArea