[VFX] small uss fixes + package description

.gitignore

@@ -36,4 +36,5 @@ ShaderGraph/DebugOutput.meta
 ShaderGraph/DebugOutput/**
 ShaderGraph/Testing/IntegrationTests/.Failed
 TestProjects/*/ProjectSettings/ProjectVersion.txt
+TestProjects/VisualEffectGraph_HDRP/GraphViz/
 node_modules

com.unity.visualeffectgraph/Editor Default Resources/uss/PropertyRM.uss

@@ -280,8 +280,8 @@ Matrix4x4PropertyRM.propertyrm VFXMatrix4x4Field
 
 .ListPropertyRM > .ReorderableList
 {
-    margin-top:4;
-    margin-left:4;
-    margin-right:4;
+    margin-top:4px;
+    margin-left:4px;
+    margin-right:4px;
     flex:1 1 auto;
 }

com.unity.visualeffectgraph/Editor Default Resources/uss/VFXBlackboard.uss

@@ -1,6 +1,19 @@
-.blackboard *
+VFXBlackboard.blackboard
 {
     font-size: 11px;
+    background-color: rgba(0,0,0,0);
+    border-color: rgba(0,0,0,0);
+}
+
+.blackboard > .mainContainer
+{
+    background-color: #2b2b2b;
+    border-color: #191919;
+    margin-left:6px;
+    margin-right:6px;
+    margin-top:6px;
+    margin-bottom:6px;
+    border-radius: 5px;
 }
 
 #vfx-properties

com.unity.visualeffectgraph/Editor Default Resources/uss/VFXComponentBoard.uss

@@ -2,18 +2,29 @@ VFXComponentBoard.graphElement
 {
     position:Absolute;
 
-    background-color: #2b2b2b;
-    border-color: #191919;
-
     padding-left:0;
     padding-right:0;
     padding-top:0;
     padding-bottom:0;
 
+
+
+
     min-width: 286px;
     min-height: 100px;
 }
 
+VFXComponentBoard.graphElement > .mainContainer
+{
+    flex: 1 1 auto;
+    background-color: #2b2b2b;
+    border-color: #191919;
+    margin-left:6px;
+    margin-right:6px;
+    margin-top:6px;
+    margin-bottom:6px;
+}
+
  *
 {
     font-size: 11px;
@@ -54,9 +65,9 @@ VFXComponentBoard, #component-container
     border-color: #212121;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
-    padding-left: 1px;
-    padding-top: 4px;
-    padding-bottom: 2px;
+    padding-left: 8px;
+    padding-top: 8px;
+    padding-bottom: 8px;
 }
 #header > #labelContainer {
     flex:1 0 auto;

com.unity.visualeffectgraph/Editor Default Resources/uss/VFXContext.uss

@@ -199,7 +199,7 @@ VFXContextUI #header-space.spaceWorld
 
 VFXContextUI #footer #icon
 {
-    --unity-image:resource("VFX/Execution");
+    --unity-image: url("project:///Packages/com.unity.visualeffectgraph/Editor Default Resources/VFX/Execution.png");
 }
 
 VFXContextUI #block-container {

com.unity.visualeffectgraph/Editor Default Resources/uxml/VFXComponentBoard.uxml

@@ -1,62 +1,63 @@
 <UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:gv="UnityEditor.Experimental.GraphView">
-
-    <ui:VisualElement name="header" pickingMode="Ignore">
-        <ui:VisualElement name="labelContainer" pickingMode="Ignore">
-            <ui:Label name="titleLabel" text="Target visual effect GameObject" tooltip="Select a visual effect gameobject in the scenes and attach for additionnal control."/>
-            <ui:Label name="subTitleLabel"  />
-        </ui:VisualElement>
-    </ui:VisualElement>
-    <ui:ScrollView class="stretchContentWidth">
-        <ui:VisualElement name="attach-container">
-            <ui:Button name="attach" text="Attach" />
-            <ui:Label name="component-path" text="" pickingMode="Ignore"/>
-            <ui:Button name="select" text="select" />
+    <ui:VisualElement class="mainContainer">
+        <ui:VisualElement name="header" pickingMode="Ignore">
+            <ui:VisualElement name="labelContainer" pickingMode="Ignore">
+                <ui:Label name="titleLabel" text="Target visual effect GameObject" tooltip="Select a visual effect gameobject in the scenes and attach for additionnal control."/>
+                <ui:Label name="subTitleLabel"  />
+            </ui:VisualElement>
         </ui:VisualElement>
-        <ui:VisualElement name="divider" class="horizontal"/>
-        <ui:VisualElement name="component-container">
-            <ui:VisualElement name="parameter-container" pickingMode="Ignore"/>
-            <!--<ui:VisualElement name="particle-count-container" pickingMode="Ignore">
-            <ui:Label text="Particle Count" pickingMode="Ignore"/>
-            <ui:Label name="particle-count" text="1337000" pickingMode="Ignore"/>
-        </ui:VisualElement>-->
-            <ui:VisualElement pickingMode="Ignore" >
-                <ui:VisualElement name="toolbar" pickingMode="Ignore" >
-                    <ui:Button name="stop">
-                        <ui:Image name="icon"/>
-                    </ui:Button>
-                    <ui:Button name="play">
-                        <ui:Image name="icon"/>
-                    </ui:Button>
-                    <ui:Button name="step">
-                        <ui:Image name="icon"/>
-                    </ui:Button>
-                    <ui:Button name="restart">
-                        <ui:Image name="icon"/>
-                    </ui:Button>
-                </ui:VisualElement>
-                <ui:VisualElement name="play-rate-container" pickingMode="Ignore" >
-                    <ui:Label text="Play Rate" />
-                    <ui:Slider name="play-rate-slider" direction="Horizontal" />
-                    <uie:IntegerField name="play-rate-field"/>
-                    <ui:Button name="play-rate-menu" text="Set" class="MiniDropDown"/>
-                </ui:VisualElement>
-                <ui:VisualElement>
-                    <ui:VisualElement name="divider" class="horizontal"/>
-                    <ui:Label name="events-label" text="Events" />
-                    <ui:VisualElement pickingMode="Ignore" style="flex-direction:row">
-                        <ui:Button name="on-play-button" text="OnPlay" style="flex:1"/>
-                        <ui:Button name="on-stop-button" text="OnStop" style="flex:1"/>
+        <ui:ScrollView class="stretchContentWidth">
+            <ui:VisualElement name="attach-container">
+                <ui:Button name="attach" text="Attach" />
+                <ui:Label name="component-path" text="" pickingMode="Ignore"/>
+                <ui:Button name="select" text="select" />
+            </ui:VisualElement>
+            <ui:VisualElement name="divider" class="horizontal"/>
+            <ui:VisualElement name="component-container">
+                <ui:VisualElement name="parameter-container" pickingMode="Ignore"/>
+                <!--<ui:VisualElement name="particle-count-container" pickingMode="Ignore">
+                <ui:Label text="Particle Count" pickingMode="Ignore"/>
+                <ui:Label name="particle-count" text="1337000" pickingMode="Ignore"/>
+            </ui:VisualElement>-->
+                <ui:VisualElement pickingMode="Ignore" >
+                    <ui:VisualElement name="toolbar" pickingMode="Ignore" >
+                        <ui:Button name="stop">
+                            <ui:Image name="icon"/>
+                        </ui:Button>
+                        <ui:Button name="play">
+                            <ui:Image name="icon"/>
+                        </ui:Button>
+                        <ui:Button name="step">
+                            <ui:Image name="icon"/>
+                        </ui:Button>
+                        <ui:Button name="restart">
+                            <ui:Image name="icon"/>
+                        </ui:Button>
                     </ui:VisualElement>
-                    <ui:Label name="debug-label" text="Debug"/>
-                    <ui:VisualElement name="debug-container" pickingMode="Ignore">
-                        <ui:Button name="debug-modes" text="Debug modes" class="DropDown"/>
-                        <ui:VisualElement name="debug-modes-container" />
+                    <ui:VisualElement name="play-rate-container" pickingMode="Ignore" >
+                        <ui:Label text="Play Rate" />
+                        <ui:Slider name="play-rate-slider" direction="Horizontal" />
+                        <uie:IntegerField name="play-rate-field"/>
+                        <ui:Button name="play-rate-menu" text="Set" class="MiniDropDown"/>
                     </ui:VisualElement>
-                    <ui:VisualElement name="events-container" pickingMode="Ignore" >
+                    <ui:VisualElement>
+                        <ui:VisualElement name="divider" class="horizontal"/>
+                        <ui:Label name="events-label" text="Events" />
+                        <ui:VisualElement pickingMode="Ignore" style="flex-direction:row">
+                            <ui:Button name="on-play-button" text="OnPlay" style="flex:1"/>
+                            <ui:Button name="on-stop-button" text="OnStop" style="flex:1"/>
+                        </ui:VisualElement>
+                        <ui:Label name="debug-label" text="Debug"/>
+                        <ui:VisualElement name="debug-container" pickingMode="Ignore">
+                            <ui:Button name="debug-modes" text="Debug modes" class="DropDown"/>
+                            <ui:VisualElement name="debug-modes-container" />
+                        </ui:VisualElement>
+                        <ui:VisualElement name="events-container" pickingMode="Ignore" >
+                        </ui:VisualElement>
                     </ui:VisualElement>
                 </ui:VisualElement>
             </ui:VisualElement>
-        </ui:VisualElement>
-    </ui:ScrollView>
+        </ui:ScrollView>
+    </ui:VisualElement>
     <gv:ResizableElement pickingMode="Ignore" />
 </UXML>

com.unity.visualeffectgraph/package.json

@@ -4,7 +4,7 @@
   "version": "10.0.0-preview.14",
   "unity": "2020.2",
   "unityRelease": "0a17",
-  "description": "The Visual Effect Graph is a node based visual effect editor. It allows you to author next generation visual effects that Unity simulates directly on the GPU.",
+  "description": "The Visual Effect Graph is a node based visual effect editor. It allows you to author next generation visual effects that Unity simulates directly on the GPU. The Visual Effect Graph is production-ready for the High Definition Render Pipeline and runs on all platforms supported by it. Full support for the Universal Render Pipeline and compatible mobile devices is still in development.",
   "keywords": [
     "vfx",
     "visualeffect",