[Rendering Debugger]Fixes for Foldouts

Author: alex-vazquez-unity3d

Packages/com.unity.render-pipelines.core/Editor/Debugging/DebugWindow.uss

@@ -63,15 +63,41 @@
 
 /* Header Foldout */
 
-.debug-window-foldout > .unity-foldout__toggle {
-    border-width: 1px 0px 1px 0px;
+.debug-window-foldout-header > .unity-foldout__toggle {
+    padding-top: 1px !important;
+    padding-bottom: 1px !important;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
+    margin-left: -2px;
+    margin-right: -4px;
+    border-top-width: 1px;
     border-top-color: var(--unity-colors-default-border);
-    border-bottom-color: var(--unity-colors-inspector_titlebar-border_accent);
+    border-bottom-width: 1px;
+    border-bottom-color: var(--unity-colors-default-border);
     background-color: var(--unity-colors-inspector_titlebar-background);
 }
 
+.debug-window-foldout-header > .unity-foldout__toggle:hover {
+    background-color: var(--unity-colors-inspector_titlebar-background-hover);
+}
+
+.debug-window-foldout-header > .unity-foldout__toggle > .unity-toggle__input > .unity-toggle__checkmark
+{
+    margin-left: 4px;
+    margin-right: 4px;
+}
+
+.debug-window-foldout-header .unity-foldout__text {
+    -unity-font-style: bold;
+}
+
+.debug-window-foldout > .unity-foldout__toggle {
+    padding-top: 1px !important;
+    padding-bottom: 1px !important;
+    margin-top: 0px !important;
+    margin-bottom: 0px !important;
+}
+
 .debug-window-foldout > .unity-foldout__toggle:hover {
     background-color: var(--unity-colors-inspector_titlebar-background-hover);
 }
@@ -82,33 +108,35 @@
     margin-right: 4px;
 }
 
-.more-options-button {
-    background-image: var(--unity-icons-pane_options);
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-color: transparent;
-    border-color: transparent;
-    width: 16px;
-    margin: 0px 4px 0px 0px !important;
-    padding: 0px 0px 0px 0px !important;
+.debug-window-foldout .unity-foldout__text {
+    -unity-font-style: bold;
 }
 
-.more-options-button:hover {
-    background-color: var(--unity-colors-button-background-hover);
+.more-options-button {
+    background-image: var(--unity-icons-pane_options);
 }
 
-.info-button {
+.info-button,
+.more-options-button {
     background-color: transparent;
-    border-color: transparent;
-    width: 24px;
-    margin: 0px 4px 0px 0px !important;
-    padding: 0px 0px 0px 0px !important;
+    margin: 2px 2px 1px 3px;
+    padding: 0px 2px 0px 0px;
+    border-width: 0px;
+    border-radius: 2px 2px 2px 2px;
+    width: 20px;
+    height: 20px;
 }
 
-.info-button:hover {
+.info-button:hover,
+.more-options-button:hover{
     background-color: var(--unity-colors-button-background-hover);
 }
 
+.info-button:disabled
+.info-button:disabled,
+.more-options-button:disabled {
+}
+
 #debug-window-no-results-label {
     display: none;
     -unity-text-align: middle-center;

Packages/com.unity.render-pipelines.core/Runtime/Debugging/DebugUI.Containers.cs

@@ -246,7 +246,9 @@ protected override VisualElement Create()
                 }
 
                 // Add special classes for styles
-                container.AddToClassList("debug-window-foldout");
+                // Use header style for top-level foldouts (not inside a Container), regular style for nested ones
+                bool isHeaderFoldout = parent is DebugUI.Panel;
+                container.AddToClassList(isHeaderFoldout ? "debug-window-foldout-header" : "debug-window-foldout");
                 container.Q(className: "unity-foldout__text").AddToClassList("debug-window-search-filter-target");
 
                 // Update UI to match object's initial state