QmlDesigner: Add UX approved gradient background to 3D edit view

Change-Id: I18b976324f57cf559a43d9ff239796cf25b3cb2f
Fixes: QDS-1202
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

1 files changed, 34 insertions, 17 deletions

diff --git a/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml b/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
index bf1bfebf86..1e17ccd7f9 100644
--- a/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
+++ b/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
@@ -174,11 +174,14 @@ Window {
     }
 
     Rectangle {
-        id: sceneBg
-        color: "#FFFFFF"
         anchors.fill: parent
         focus: true
 
+        gradient: Gradient {
+            GradientStop { position: 1.0; color: "#222222" }
+            GradientStop { position: 0.0; color: "#999999" }
+        }
+
         TapHandler { // check tapping/clicking an object in the scene
             onTapped: {
                 var pickResult = editView.pick(eventPoint.scenePosition.x,
@@ -397,31 +400,45 @@ Window {
         selectedNode : viewWindow.selectedNode ? selectionBox.model : null
     }
 
-    Column {
+    Item {
         anchors.left: parent.left
         anchors.bottom: parent.bottom
-        CheckBox {
-            id: editLightCheckbox
-            checked: false
-            text: qsTr("Use Edit View Light")
-        }
+        width: 200
+        height: 120
 
-        CheckBox {
-            id: usePerspectiveCheckbox
-            checked: true
-            text: qsTr("Use Perspective Projection")
-            onCheckedChanged: _generalHelper.requestOverlayUpdate()
+        Rectangle {
+            anchors.fill: parent
+            color: "white"
+            opacity: 0.3
         }
 
-        CheckBox {
-            id: globalControl
-            checked: true
-            text: qsTr("Use Global Orientation")
+        Column {
+            anchors.left: parent.left
+            anchors.bottom: parent.bottom
+            CheckBox {
+                id: editLightCheckbox
+                checked: false
+                text: qsTr("Use Edit View Light")
+            }
+
+            CheckBox {
+                id: usePerspectiveCheckbox
+                checked: true
+                text: qsTr("Use Perspective Projection")
+                onCheckedChanged: _generalHelper.requestOverlayUpdate()
+            }
+
+            CheckBox {
+                id: globalControl
+                checked: true
+                text: qsTr("Use Global Orientation")
+            }
         }
     }
 
     Text {
         id: helpText
+        color: "white"
         text: qsTr("Camera controls: ALT + mouse press and drag. Left: Rotate, Middle: Pan, Right/Wheel: Zoom.")
         anchors.bottom: parent.bottom
     }