Merge pull request #2606 from alicevision/fix/uiFixes

[ui] Minor UI stabilization fixes for Qt 6

Author: fabiencastan

meshroom/ui/qml/Controls/ExpandableGroup.qml

@@ -22,21 +22,24 @@ GroupBox {
     topPadding: label.height + padding
     background: Item {}
 
+    MouseArea {
+        parent: paneLabel
+        anchors.fill: parent
+        onClicked: function(mouse) {
+            expandButton.checked = !expandButton.checked
+        }
+    }
+
     label: Pane {
+        id: paneLabel
+        padding: 2
+        width: root.width
+
         background: Rectangle {
             id: labelBg
             color: palette.base
             opacity: 0.8
-
-            MouseArea {
-                anchors.fill: parent
-                onClicked: {
-                    expandButton.checked = !expandButton.checked
-                }
-            }
         }
-        padding: 2
-        width: root.width
 
         RowLayout {
             width: parent.width

meshroom/ui/qml/GraphEditor/Edge.qml

@@ -120,7 +120,7 @@ Item {
                 iconText: MaterialIcons.loop
                 label: (root.iteration + 1) + "/" + root.loopSize + " "
 
-                color: palette.base                
+                labelIconColor: palette.base
                 ToolTip.text: "Foreach Loop"
             }
 

meshroom/ui/qml/Homepage.qml

@@ -239,10 +239,15 @@ Page {
                     }
 
                     MaterialToolLabelButton {
+                        Layout.topMargin: 10
                         Layout.bottomMargin: 10
-                        Layout.fillWidth: true
-                        labelItem.horizontalAlignment: Text.AlignHCenter
-                        label: MaterialIcons.favorite + " Support AliceVision"
+                        Layout.alignment: Qt.AlignHCenter
+                        label: "Support AliceVision"
+                        iconText: MaterialIcons.favorite
+
+                        // Slightly "extend" the clickable area for the button while preserving the centered layout
+                        iconItem.leftPadding: 15
+                        labelItem.rightPadding: 15
 
                         onClicked: Qt.openUrlExternally("https://alicevision.org/association/#donate")
                     }
@@ -347,6 +352,7 @@ Page {
                             ToolTip.visible: hovered
                             ToolTip.text: modelData["path"] ? modelData["path"] : "Open browser to select a project file"
 
+                            font.family: MaterialIcons.fontFamily
                             font.pointSize: 24
 
                             text: modelData["path"] ? (modelData["thumbnail"] ? "" : MaterialIcons.description) : MaterialIcons.folder_open

meshroom/ui/qml/MaterialIcons/MaterialToolLabel.qml

@@ -12,7 +12,7 @@ Item {
     property alias iconText: iconItem.text
     property alias iconSize: iconItem.font.pointSize
     property alias label: labelItem.text
-    property var color: palette.text
+    property var labelIconColor: palette.text
     implicitWidth: childrenRect.width
     implicitHeight: childrenRect.height
     anchors.rightMargin: 5
@@ -24,12 +24,12 @@ Item {
             font.pointSize: 13
             padding: 0
             text: ""
-            color: color
+            color: labelIconColor
         }
         Label {
             id: labelItem
             text: ""
-            color: color
+            color: labelIconColor
         }
     }
 

meshroom/ui/qml/Viewer/SfmGlobalStats.qml

@@ -5,6 +5,8 @@ import QtQuick.Layouts
 
 import AliceVision 1.0 as AliceVision
 import Charts 1.0
+import Controls 1.0
+import Utils 1.0
 
 FloatingPane {
     id: root

meshroom/ui/qml/Viewer/SfmStatsView.qml

@@ -5,6 +5,8 @@ import QtQuick.Layouts
 
 import AliceVision 1.0 as AliceVision
 import Charts 1.0
+import Controls 1.0
+import Utils 1.0
 
 
 FloatingPane {

meshroom/ui/qml/Viewer3D/Inspector3D.qml

@@ -1,6 +1,5 @@
 import QtQuick
 import QtQuick.Controls
-import QtQuick.Controls.Material 2.12
 import QtQuick.Layouts
 import Qt3D.Core 2.6
 import Qt3D.Render 2.6
@@ -229,6 +228,7 @@ FloatingPane {
 
                         Label {
                             text: resectionIdSlider.value + "/" + Viewer3DSettings.resectionIdCount
+                            color: palette.text
                             visible: Viewer3DSettings.displayResectionIds
                         }
                     }
@@ -252,6 +252,7 @@ FloatingPane {
                                 return 0
 
                             }
+                            labelIconColor: palette.text
                             ToolTip.text: "Number Of Cameras In Current Resection Group"
                             visible: Viewer3DSettings.displayResectionIds
                         }
@@ -269,6 +270,7 @@ FloatingPane {
 
                                 return currentCameras
                             }
+                            labelIconColor: palette.text
                             ToolTip.text: "Number Of Cumulated Cameras"
                             visible: Viewer3DSettings.displayResectionIds
                         }
@@ -285,6 +287,7 @@ FloatingPane {
 
                                 return totalCameras
                             }
+                            labelIconColor: palette.text
                             ToolTip.text: "Total Number Of Cameras"
                             visible: Viewer3DSettings.displayResectionIds
                         }

meshroom/ui/qml/WorkspaceView.qml

@@ -258,7 +258,7 @@ Item {
                     Inspector3D {
                         id: inspector3d
                         SplitView.preferredWidth: 220
-                        SplitView.minimumWidth: 10
+                        SplitView.minimumWidth: 100
 
                         mediaLibrary: c_viewer3D.library
                         camera: c_viewer3D.mainCamera