From e224793ebafc241cb151b09ffec3344bef3d4ca6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Wed, 17 Dec 2025 07:24:25 +0100 Subject: [PATCH] Dashboard: Hide sidebar when playlist is playing (#115414) --- .../edit-pane/DashboardEditPaneSplitter.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/public/app/features/dashboard-scene/edit-pane/DashboardEditPaneSplitter.tsx b/public/app/features/dashboard-scene/edit-pane/DashboardEditPaneSplitter.tsx index 735edd1767f..fe6166062ad 100644 --- a/public/app/features/dashboard-scene/edit-pane/DashboardEditPaneSplitter.tsx +++ b/public/app/features/dashboard-scene/edit-pane/DashboardEditPaneSplitter.tsx @@ -9,6 +9,7 @@ import { ElementSelectionContext, useSidebar, useStyles2, Sidebar } from '@grafa import NativeScrollbar, { DivScrollElement } from 'app/core/components/NativeScrollbar'; import { useGrafana } from 'app/core/context/GrafanaContext'; import { getDashboardSrv } from 'app/features/dashboard/services/DashboardSrv'; +import { playlistSrv } from 'app/features/playlist/PlaylistSrv'; import { KioskMode } from 'app/types/dashboard'; import { DashboardScene } from '../scene/DashboardScene'; @@ -32,7 +33,7 @@ export function DashboardEditPaneSplitter({ dashboard, isEditing, body, controls const styles = useStyles2(getStyles, headerHeight ?? 0); const { chrome } = useGrafana(); const { kioskMode } = chrome.useState(); - const isInKioskMode = kioskMode === KioskMode.Full; + const { isPlaying } = playlistSrv.useState(); if (!config.featureToggles.dashboardNewLayouts) { return ( @@ -94,8 +95,10 @@ export function DashboardEditPaneSplitter({ dashboard, isEditing, body, controls }; function renderBody() { + const renderWithoutSidebar = isPlaying || kioskMode === KioskMode.Full; + // In kiosk mode the full document body scrolls so we don't need to wrap in our own scrollbar - if (isInKioskMode) { + if (renderWithoutSidebar) { return (