fix(ui/modules/Linphone/Calls/CallStatistics): better style and reworking

linphone-desktop/ui/modules/Linphone/Calls/CallStatistics.qml

@@ -15,7 +15,7 @@ AbstractDropDownMenu {
   // ---------------------------------------------------------------------------
 
   function _computeHeight () {
-    return callStatistics.height
+    return CallStatisticsStyle.height
   }
 
   // ---------------------------------------------------------------------------
@@ -25,14 +25,16 @@ AbstractDropDownMenu {
 
     RowLayout {
       spacing: CallStatisticsStyle.spacing
+      width: parent.width
 
-      // ---------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       Text {
         Layout.preferredWidth: CallStatisticsStyle.key.width
 
         color: CallStatisticsStyle.key.color
         elide: Text.ElideRight
+
         font {
           pointSize: CallStatisticsStyle.key.fontSize
           bold: true
@@ -44,10 +46,11 @@ AbstractDropDownMenu {
         text: modelData.key
       }
 
-      // ---------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
 
       Text {
         Layout.fillWidth: true
+
         color: CallStatisticsStyle.value.color
         elide: Text.ElideRight
         font.pointSize: CallStatisticsStyle.value.fontSize
@@ -63,17 +66,20 @@ AbstractDropDownMenu {
     id: media
 
     Column {
-      width: parent.width
-
       Text {
-        width: parent.width
         color: CallStatisticsStyle.title.color
+
         font {
           bold: true
           pointSize: CallStatisticsStyle.title.fontSize
         }
+
+        elide: Text.ElideRight
         horizontalAlignment: Text.AlignHCenter
         text: $label
+
+        height: contentHeight + CallStatisticsStyle.title.bottomMargin
+        width: parent.width
       }
 
       Repeater {
@@ -92,6 +98,7 @@ AbstractDropDownMenu {
     Row {
       anchors {
         fill: parent
+        topMargin: CallStatisticsStyle.topMargin
         leftMargin: CallStatisticsStyle.leftMargin
         rightMargin: CallStatisticsStyle.rightMargin
       }
@@ -99,6 +106,7 @@ AbstractDropDownMenu {
       Loader {
         property string $label: qsTr("audioStatsLabel")
         property var $data: callStatistics.call.audioStats
+
         sourceComponent: media
         width: parent.width / 2
       }
@@ -106,6 +114,7 @@ AbstractDropDownMenu {
       Loader {
         property string $label: qsTr("videoStatsLabel")
         property var $data: callStatistics.call.videoStats
+
         sourceComponent: media
         width: parent.width / 2
       }

linphone-desktop/ui/modules/Linphone/Styles/Calls/CallStatisticsStyle.qml

@@ -7,24 +7,26 @@ import Common 1.0
 
 QtObject {
   property color color: Colors.e
-  property int height: 60
+  property int height: 250
   property int leftMargin: 12
   property int rightMargin: 12
-  property int width: 240
+  property int spacing: 8
+  property int topMargin: 10
 
   property QtObject title: QtObject {
-    property color color: Colors.l
+    property color color: Colors.d
+    property int bottomMargin: 20
     property int fontSize: 16
   }
 
   property QtObject key: QtObject {
-    property int width: 200
-    property color color: Colors.l
+    property color color: Colors.d
     property int fontSize: 10
+    property int width: 200
   }
 
   property QtObject value: QtObject {
-    property color color: Colors.l
+    property color color: Colors.d
     property int fontSize: 10
   }
 }

linphone-desktop/ui/views/App/Calls/Incall.qml

@@ -87,14 +87,12 @@ Rectangle {
           id: callStatistics
 
           call: incall.call
-
-          height: container.height
           width: container.width
 
           launcher: callQuality
 
           relativeTo: callQuality
-          relativeY: info.height + elapsedTime.height * 2
+          relativeY: CallStyle.header.stats.relativeY
         }
       }
 

linphone-desktop/ui/views/App/Styles/Calls/CallStyle.qml

@@ -66,5 +66,9 @@ QtObject {
       property int fontSize: 10
       property int fullscreenFontSize: 12
     }
+
+    property QtObject stats: QtObject {
+      property int relativeY: 90
+    }
   }
 }