From 3bf5be3c4632ec93c06350cf7d63904a03b96dba Mon Sep 17 00:00:00 2001
From: Henning Gruendl <henning.gruendl@qt.io>
Date: Wed, 4 Aug 2021 20:15:28 +0200
Subject: [PATCH] QmlDesigner: Update look of empty pane

* Remove section
* Center the hint label vertical and horizontal

Change-Id: Ia52f7af9c0d6f2fa8099efbf9dd80ff94a5f29aa
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
---
 .../QtQuick/emptyPane.qml                     | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/emptyPane.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/emptyPane.qml
index 6091834c7db..2f45e6b5ebe 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/emptyPane.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/emptyPane.qml
@@ -24,8 +24,11 @@
 ****************************************************************************/
 
 import QtQuick 2.15
+import QtQuick.Controls 2.15 as Controls
+import QtQuick.Layouts 1.15
 import HelperWidgets 2.0
 import QtQuickDesignerTheme 1.0
+import StudioTheme 1.0 as StudioTheme
 
 Rectangle {
     id: itemPane
@@ -33,18 +36,22 @@ Rectangle {
     height: 400
     color: Theme.qmlDesignerBackgroundColorDarkAlternate()
 
-    Section {
-        y: -1
-        anchors.left: parent.left
-        anchors.right: parent.right
+    ColumnLayout {
+        id: mainColumn
+        anchors.fill: parent
 
-        SectionLayout {
+        Controls.Label {
+            text: qsTr("Select an Item in the Form Editor, Navigator or Text Edit View to see its properties.")
+            font.pixelSize: StudioTheme.Values.myFontSize * 1.5
+            color: StudioTheme.Values.themeTextColor
+            wrapMode: Text.WordWrap
 
-            Label {
-                id: test
-                text: qsTr("None or multiple components selected.")
-                anchors.fill: parent // TODO
-            }
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignCenter
+            Layout.margins: 20
         }
     }
 }