From 80fb267cd5d3b61bd43ca25a6bbd0b18aa7f4a68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 1 Apr 2025 09:34:56 +0200
Subject: [PATCH] DashboardScene: Tweak row design (#103040)

---
 .../dashboard-scene/scene/layout-rows/RowItemRenderer.tsx   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx b/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx
index ccd033e67f3..90f78405557 100644
--- a/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx
+++ b/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx
@@ -88,7 +88,8 @@ export function RowItemRenderer({ model }: SceneComponentProps<RowItem>) {
               className={cx(
                 styles.rowTitle,
                 isHeaderHidden && styles.rowTitleHidden,
-                !isTopLevel && styles.rowTitleNested
+                !isTopLevel && styles.rowTitleNested,
+                isCollapsed && styles.rowTitleCollapsed
               )}
               role="heading"
             >
@@ -148,6 +149,9 @@ function getStyles(theme: GrafanaTheme2) {
       fontSize: theme.typography.body.fontSize,
       fontWeight: theme.typography.fontWeightRegular,
     }),
+    rowTitleCollapsed: css({
+      color: theme.colors.text.secondary,
+    }),
     wrapper: css({
       display: 'flex',
       flexDirection: 'column',