From e6754555028aaeb5c8c1ab5d5049e3b42ce3a65e Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Wed, 21 Aug 2024 16:16:12 +0100
Subject: [PATCH] PublicDashboards: Fix public dashboards when
 `publicDashboardsScene` is enabled (#92187)

* fix public dashboards pages when publicDashboardsScene is enabled

* properly handle react-grid-layout at small screen sizes

* use unset instead of auto
---
 packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts   | 3 +++
 .../dashboard-scene/pages/PublicDashboardScenePage.tsx         | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts b/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts
index bbd6d6da876..6fd77b0e77e 100644
--- a/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts
+++ b/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts
@@ -20,6 +20,9 @@ export function getDashboardGridStyles(theme: GrafanaTheme2) {
     },
 
     [theme.breakpoints.down('md')]: {
+      '.react-grid-layout': {
+        height: 'unset !important',
+      },
       '.react-grid-item': {
         display: 'block !important',
         transitionProperty: 'none !important',
diff --git a/public/app/features/dashboard-scene/pages/PublicDashboardScenePage.tsx b/public/app/features/dashboard-scene/pages/PublicDashboardScenePage.tsx
index 4be33dc4365..ddf886eeee6 100644
--- a/public/app/features/dashboard-scene/pages/PublicDashboardScenePage.tsx
+++ b/public/app/features/dashboard-scene/pages/PublicDashboardScenePage.tsx
@@ -147,7 +147,9 @@ function getStyles(theme: GrafanaTheme2) {
     }),
     body: css({
       label: 'body',
+      display: 'flex',
       flex: 1,
+      flexDirection: 'column',
       overflowY: 'auto',
     }),
   };