QmlDesigner: Update tooltips for QtQuick Studio Design Effects

This patch update tooltips for QtQuick Studio Design Effects.

Fixes: QDS-12568
Change-Id: I7f500a765ca58a27b7efe3923f637856684215f2
Reviewed-by: Qt CI Patch Build Bot <ci_patchbuild_bot@qt.io>
Reviewed-by: <github-actions-qt-creator@cristianadam.eu>
Reviewed-by: Mats Honkamaa <mats.honkamaa@qt.io>

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

@@ -63,7 +63,7 @@ Section {
                 width: StudioTheme.Values.singleControlColumnWidth
                 buttonIcon: root.hasDesignerEffect ? qsTr("Remove Effects") : qsTr("Add Effects")
                 iconFont: StudioTheme.Constants.font
-                tooltip: qsTr("Adds a note with a title to explain the component.")
+                tooltip: qsTr("Adds visual effects on the component.")
                 onClicked: {
                     if (root.hasDesignerEffect) {
                          root.effectNodeWrapper.deleteModelNode()
@@ -78,7 +78,9 @@ Section {
         }
 
         PropertyLabel {
+
             text: qsTr("Visible")
+            tooltip: qsTr("Toggles the visibility of visual effects on the component.")
             visible: root.hasDesignerEffect
         }
 
@@ -194,7 +196,10 @@ Section {
 
             SectionLayout {
 
-                PropertyLabel { text: qsTr("Visible") }
+                PropertyLabel {
+                    text: qsTr("Visible")
+                    tooltip: qsTr("Toggles the visibility of the <b>Layer Blur</b> on the component.")
+                }
 
                 SecondColumnLayout {
                     CheckBox {
@@ -206,7 +211,10 @@ Section {
                     ExpandingSpacer {}
                 }
 
-                PropertyLabel { text: qsTr("Blur") }
+                PropertyLabel {
+                    text: qsTr("Blur")
+                    tooltip: qsTr("Sets the intensity of the <b>Layer Blur</b> on the component.")
+                }
 
                 SecondColumnLayout {
                     SpinBox {
@@ -234,7 +242,10 @@ Section {
 
             SectionLayout {
 
-                PropertyLabel { text: qsTr("Visible") }
+                PropertyLabel {
+                    text: qsTr("Visible")
+                    tooltip: qsTr("Toggles the visibility of blur on the selected background component.")
+                }
 
                 SecondColumnLayout {
                     CheckBox {
@@ -246,7 +257,12 @@ Section {
                     ExpandingSpacer {}
                 }
 
-                PropertyLabel { text: qsTr("Blur") }
+                PropertyLabel {
+                    text: qsTr("Blur")
+                    tooltip: qsTr("Sets the intensity of blur on the selected background component.\n"
+                               + "The foreground component should be transparent, and the background "
+                               + "component should be solid.")
+                }
 
                 SecondColumnLayout {
                     SpinBox {
@@ -260,7 +276,12 @@ Section {
                     ExpandingSpacer {}
                 }
 
-                PropertyLabel { text: qsTr("Background") }
+                PropertyLabel {
+                    text: qsTr("Background")
+                    tooltip: qsTr("Sets a component as the background of a transparent component."
+                            + "The <b>Background Blur</b> works only on this component. The component should "
+                            + "be solid.")
+                }
 
                 SecondColumnLayout {
                     ItemFilterComboBox {
@@ -364,7 +385,10 @@ Section {
                     id: controlContainer
                     property bool isDropShadow: shadowComboBox.currentValue === "DesignDropShadow"
 
-                    PropertyLabel { text: qsTr("Visible") }
+                    PropertyLabel {
+                        text: qsTr("Visible")
+                        tooltip: qsTr("Toggles the visibility of the component shadow.")
+                    }
 
                     SecondColumnLayout {
                         CheckBox {
@@ -376,7 +400,10 @@ Section {
                         ExpandingSpacer {}
                     }
 
-                    PropertyLabel { text: qsTr("Blur") }
+                    PropertyLabel {
+                        text: qsTr("Blur")
+                        tooltip: qsTr("Sets the intensity of the component shadow.")
+                    }
 
                     SecondColumnLayout {
                         SpinBox {
@@ -392,6 +419,7 @@ Section {
 
                     PropertyLabel {
                         text: qsTr("Spread")
+                        tooltip: qsTr("Resizes the base shadow of the component by pixels.")
                         enabled: modelNodeBackend.isInstanceOf("Rectangle")
                     }
 
@@ -410,7 +438,7 @@ Section {
 
                     PropertyLabel {
                         text: qsTr("Color")
-                        tooltip: qsTr("Sets the color.")
+                        tooltip: qsTr("Sets the color of the shadow.")
                     }
 
                     ColorEditor {
@@ -418,7 +446,11 @@ Section {
                         supportGradient: false
                     }
 
-                    PropertyLabel { text: qsTr("Offset") }
+                    PropertyLabel {
+                        text: qsTr("Offset")
+                        tooltip: qsTr("Moves the shadow with respect to the component in "
+                                + "X and Y coordinates by pixels.")
+                    }
 
                     SecondColumnLayout {
                         SpinBox {
@@ -460,6 +492,7 @@ Section {
                     PropertyLabel {
                         visible: controlContainer.isDropShadow
                         text: qsTr("Show behind")
+                        tooltip: qsTr("Toggles the visibility of the shadow behind a transparent component.")
                     }
 
                     SecondColumnLayout {
@@ -499,7 +532,7 @@ Section {
                 width: StudioTheme.Values.singleControlColumnWidth
                 buttonIcon: qsTr("Add Shadow Effect")
                 iconFont: StudioTheme.Constants.font
-                tooltip: qsTr("Adds a Design Drop Shadow.")
+                tooltip: qsTr("Adds <b>Drop Shadow</b> or <b>Inner Shadow</b> effects to a component.")
                 onClicked: {
                     modelNodeBackend.createModelNode(root.effectNode,
                                                      "effects",