New & Noteworthy entry for CSS Spy Widget Hierarchy Export

Author: vogella

news/4.40/pde.md

@@ -14,3 +14,43 @@ A special thanks to everyone who [contributed to PDE](acknowledgements.md#plug-i
 ---
 ## PDE Compiler 
 -->
+
+## Views and Dialogs
+
+### CSS Spy Widget Hierarchy Export
+<!-- https://github.com/eclipse-pde/eclipse.pde/pull/2237 -->
+<details>
+<summary>Contributors</summary>
+
+- [Lars Vogel](https://github.com/vogella)
+</details>
+
+You can now use the `Copy widget info to clipboard` button in the `CSS Spy` 
+to export the selected widget's hierarchy with detailed CSS-relevant information.
+The exported information includes the CSS selector notation, 
+filtered SWT style bits, 
+computed versus declared values, 
+and the inheritance chain.
+
+An example of the exported information:
+
+```text
+Widget Hierarchy
+================
+
+Tree#VariablesViewer
+  SWT Style: SWT.MULTI SWT.H_SCROLL SWT.V_SCROLL SWT.FULL_SELECTION SWT.LEFT_TO_RIGHT SWT.VIRTUAL
+  CSS Properties:
+    background-color: #2f2f2f  /* declared: rgb(47, 47, 47) */
+    background-image: none
+    color: #aaaaaa  /* declared: rgb(170, 170, 170) */
+    font-family: "Ubuntu Sans"  /* declared: #org-eclipse-debug-ui-VariableTextFont */
+    font-size: 11
+    font-style: normal
+    font-weight: normal
+    swt-lines-visible: true
+    text-transform: none
+    visibility: visible
+  SWT background: rgb(47,47,47)
+  Bounds: x=1124 y=196 w=385 h=413
+```