Render Graph Viewer UI fixes

Author: arttu-peltonen

Packages/com.unity.render-pipelines.core/Editor/RenderGraph/RenderGraphViewer.SidePanel.cs

@@ -68,11 +68,7 @@ void InitializeSidePanel()
             rootVisualElement.RegisterCallback<GeometryChangedEvent>(_ =>
             {
                 SaveSplitViewFixedPaneHeight(); // Window resized - save the current pane height
-
-                // TwoPaneSplitView also updates draglineanchor offset using the same event, conflicting with what we
-                // do here. Deferring our panel height update to next frame solves a bug with dragline "jumping" when
-                // window is resized down vertically and the lower panel is already at minimum height.
-                rootVisualElement.schedule.Execute(UpdatePanelHeights);
+                UpdatePanelHeights();
             });
 
             var contentSplitView = rootVisualElement.Q<TwoPaneSplitView>(Names.kContentContainer);

Packages/com.unity.render-pipelines.core/Editor/RenderGraph/RenderGraphViewer.cs

@@ -312,7 +312,6 @@ class PassElementInfo
             public readonly List<ResourceRWBlock> resourceBlocks = new();
 
             public VisualElement leftGridLine;
-            public VisualElement rightGridLine;
 
             public bool hasPassCompatibilityTooltip;
             public bool isPassCompatibleToMerge;
@@ -1190,7 +1189,7 @@ bool IsResourceVisible(RenderGraph.DebugData.ResourceData resource, RenderGraphR
 
             if (!m_ResourceFilterEnabled)
                 return true;
-            
+
             if (resource.imported && !m_ResourceFilter.HasFlag(ResourceFilter.ImportedResources))
                 return false;
             if (type == RenderGraphResourceType.Texture && !m_ResourceFilter.HasFlag(ResourceFilter.Textures))

Packages/com.unity.render-pipelines.core/Editor/StyleSheets/RenderGraphViewer.uss

@@ -45,6 +45,10 @@
     background-color: var(--side-panel-background-color);
 }
 
+#panel-container #unity-dragline-anchor {
+    opacity: 0;
+}
+
 /* Header */
 #header-container {
     flex-direction: row;
@@ -65,10 +69,17 @@
     justify-content: flex-end;
     flex-grow: 1;
     background-color: var(--unity-colors-toolbar-background);
+    overflow: hidden;
 }
 
 #search-field {
     max-width: 200px;
+    margin-left: 6px;
+    height: 17px;
+    width: 200px;
+    min-width: 50px;
+    flex-shrink: 1;
+    align-self: center;
 }
 
 #header-container .unity-base-popup-field__label {
@@ -112,16 +123,19 @@
 #pass-filter-field {
     height: var(--header-container-height);
     min-width: 86px;
+    flex-shrink: 0;
 }
 
 #view-options-field {
     height: var(--header-container-height);
     min-width: 111px;
+    flex-shrink: 0;
 }
 
 #resource-filter-field {
     height: var(--header-container-height);
     min-width: 111px;
+    flex-shrink: 0;
 }
 
 #header-container DropdownField .unity-base-popup-field__text {
@@ -562,14 +576,6 @@ ScrollView TextElement {
     flex-shrink: 0;
 }
 
-.panel-search-field {
-    margin-left: 6px;
-    height: 16px;
-    max-width: 350px;
-    min-width: 200px;
-    align-self: center;
-}
-
 /* Resource List panel only */
 
 .panel-resource-list__item {

Packages/com.unity.render-pipelines.core/Editor/UXML/RenderGraphViewer.uxml

@@ -11,7 +11,7 @@
             <r:ToggleDropdown name="view-options-field" />
         </ui:VisualElement>
         <ui:VisualElement name="header-container-right">
-            <uie:ToolbarSearchField name="search-field" class="panel-search-field"/>
+            <uie:ToolbarSearchField name="search-field"/>
         </ui:VisualElement>
     </ui:VisualElement>
     <ui:TwoPaneSplitView name="content-container" orientation="Horizontal">