QmlDesigner: Add show behind to EffectsSection

* Add show behind property to DropShadow EffectsSection
* Change visible property name in EffectsSection

Task-number: QDS-12587
Change-Id: I338ea4370eeb725d54a06cc021f061c73e8aa837
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/EffectsSection.qml

@@ -76,7 +76,7 @@ Section {
         }
 
         PropertyLabel {
-            text: qsTr("Visibility")
+            text: qsTr("Visible")
             visible: root.hasDesignerEffect
         }
 
@@ -84,7 +84,6 @@ Section {
             visible: root.hasDesignerEffect
 
             CheckBox {
-                text: qsTr("Visible")
                 implicitWidth: StudioTheme.Values.twoControlColumnWidth
                                + StudioTheme.Values.actionIndicatorWidth
                 backendValue: root.effectNodeWrapper.properties.visible
@@ -193,11 +192,10 @@ Section {
 
             SectionLayout {
 
-                PropertyLabel { text: qsTr("Visibility") }
+                PropertyLabel { text: qsTr("Visible") }
 
                 SecondColumnLayout {
                     CheckBox {
-                        text: qsTr("Visible")
                         implicitWidth: StudioTheme.Values.twoControlColumnWidth
                                        + StudioTheme.Values.actionIndicatorWidth
                         backendValue: root.effectNodeWrapper.properties.layerBlurVisible
@@ -234,11 +232,10 @@ Section {
 
             SectionLayout {
 
-                PropertyLabel { text: qsTr("Visibility") }
+                PropertyLabel { text: qsTr("Visible") }
 
                 SecondColumnLayout {
                     CheckBox {
-                        text: qsTr("Visible")
                         implicitWidth: StudioTheme.Values.twoControlColumnWidth
                                        + StudioTheme.Values.actionIndicatorWidth
                         backendValue: root.effectNodeWrapper.properties.backgroundBlurVisible
@@ -346,7 +343,10 @@ Section {
                     anchors.verticalCenter: parent.verticalCenter
 
                     // When an item is selected, update the backend.
-                    onActivated: modelNodeBackend.changeType(modelData, shadowComboBox.currentValue)
+                    onActivated: {
+                        delegate.wrapper.properties.showBehind.resetValue()
+                        modelNodeBackend.changeType(modelData, shadowComboBox.currentValue)
+                    }
                     // Set the initial currentIndex to the value stored in the backend.
                     Component.onCompleted: {
                         shadowComboBox.currentIndex = shadowComboBox.indexOfValue(modelNodeBackend.simplifiedTypeName(modelData))
@@ -359,12 +359,13 @@ Section {
                 }
 
                 SectionLayout {
+                    id: controlContainer
+                    property bool isDropShadow: shadowComboBox.currentValue === "DesignDropShadow"
 
-                    PropertyLabel { text: qsTr("Visibility") }
+                    PropertyLabel { text: qsTr("Visible") }
 
                     SecondColumnLayout {
                         CheckBox {
-                            text: qsTr("Visible")
                             implicitWidth: StudioTheme.Values.twoControlColumnWidth
                                            + StudioTheme.Values.actionIndicatorWidth
                             backendValue: delegate.wrapper.properties.visible
@@ -452,6 +453,24 @@ Section {
 
                         ExpandingSpacer {}
                     }
+
+
+                    PropertyLabel {
+                        visible: controlContainer.isDropShadow
+                        text: qsTr("Show behind")
+                    }
+
+                    SecondColumnLayout {
+                        visible: controlContainer.isDropShadow
+
+                        CheckBox {
+                            implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                           + StudioTheme.Values.actionIndicatorWidth
+                            backendValue: delegate.wrapper.properties.showBehind
+                        }
+
+                        ExpandingSpacer {}
+                    }
                 }
             }
         }