From da4eb1e7d209319a6a912c295ed0b7ec157ca4e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Malfait?= <felix.malfait@gmail.com>
Date: Thu, 13 Mar 2025 13:15:03 +0100
Subject: [PATCH] Fix UI bug in REST API playground (#10848)

When you clicked on the left-side menu to navigate, the top bar would
disappear. This PR fixes that and the top bar always remain visible.
---
 .../layout/fullscreen/components/FullScreenContainer.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/fullscreen/components/FullScreenContainer.tsx b/packages/twenty-front/src/modules/ui/layout/fullscreen/components/FullScreenContainer.tsx
index f4f00ec6b..85b4a49c7 100644
--- a/packages/twenty-front/src/modules/ui/layout/fullscreen/components/FullScreenContainer.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/fullscreen/components/FullScreenContainer.tsx
@@ -1,4 +1,7 @@
-import { PageHeader } from '@/ui/layout/page/components/PageHeader';
+import {
+  PAGE_BAR_MIN_HEIGHT,
+  PageHeader,
+} from '@/ui/layout/page/components/PageHeader';
 import {
   Breadcrumb,
   BreadcrumbProps,
@@ -23,7 +26,9 @@ const StyledFullScreen = styled.div`
 
 const StyledMainContainer = styled.div`
   border-top: 1px solid ${({ theme }) => theme.border.color.medium};
-  height: 100%;
+  height: calc(
+    100% - ${PAGE_BAR_MIN_HEIGHT}px - ${({ theme }) => theme.spacing(2 * 2)}
+  );
   width: 100%;
 `;