fix(ui/modules/Linphone/Chat/Chat): display component correctly (not a ugly white foreground)

linphone-desktop/ui/modules/Linphone/Chat/Chat.qml

@@ -9,7 +9,7 @@ import Utils 1.0
 
 // =============================================================================
 
-ColumnLayout {
+Rectangle {
   property alias proxyModel: chat.model
 
   // Unable to use it in style file at this moment.
@@ -27,21 +27,22 @@ ColumnLayout {
 
   // ---------------------------------------------------------------------------
 
-  spacing: 0
+  color: _backgroundColor
+
+  ColumnLayout {
 
-  Rectangle {
     anchors.fill: parent
-    color: _backgroundColor
-  }
+    spacing: 0
+
 
     ScrollableListView {
       id: chat
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       property bool _tryToLoadMoreEntries: true
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       function _loadMoreEntries () {
         if (atYBeginning && !_tryToLoadMoreEntries) {
@@ -51,7 +52,7 @@ ColumnLayout {
         }
       }
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       Layout.fillHeight: true
       Layout.fillWidth: true
@@ -62,7 +63,7 @@ ColumnLayout {
         property: '$sectionDate'
       }
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       Component.onCompleted: {
         function goToEnd () {
@@ -107,9 +108,9 @@ ColumnLayout {
 
       onContentYChanged: _loadMoreEntries()
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       // Heading.
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       Component {
         id: sectionHeading
@@ -151,9 +152,9 @@ ColumnLayout {
         }
       }
 
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       // Message/Event renderer.
-    // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       delegate: Rectangle {
         id: entry
@@ -185,7 +186,7 @@ ColumnLayout {
         color: _backgroundColor
         implicitHeight: layout.height + ChatStyle.entry.bottomMargin
 
-      // -----------------------------------------------------------------------
+        // ---------------------------------------------------------------------
 
         // Avoid the use of explicit qrc paths.
         Component {
@@ -208,7 +209,7 @@ ColumnLayout {
           FileMessage {}
         }
 
-      // -----------------------------------------------------------------------
+        // ---------------------------------------------------------------------
 
         MouseArea {
           id: mouseArea
@@ -257,9 +258,9 @@ ColumnLayout {
       }
     }
 
-  // ---------------------------------------------------------------------------
+    // -------------------------------------------------------------------------
     // Send area.
-  // ---------------------------------------------------------------------------
+    // -------------------------------------------------------------------------
 
     Borders {
       Layout.fillWidth: true
@@ -286,4 +287,5 @@ ColumnLayout {
         }
       }
     }
+  }
 }