From 151e2272177c26d84c4f14e93420d88c949cb9a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Pupier?= <apupier@redhat.com>
Date: Fri, 9 Feb 2024 09:17:13 +0100
Subject: [PATCH] feat(vscode): Gain unused scrollbar space for design canvas
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fixes kaotoio/vscode-kaoto#465

Signed-off-by: Aurélien Pupier <apupier@redhat.com>
---
 packages/ui/src/multiplying-architecture/KaotoEditor.scss | 7 +++++++
 packages/ui/src/multiplying-architecture/KaotoEditor.tsx  | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/multiplying-architecture/KaotoEditor.scss b/packages/ui/src/multiplying-architecture/KaotoEditor.scss
index 84c332c51..15057de19 100644
--- a/packages/ui/src/multiplying-architecture/KaotoEditor.scss
+++ b/packages/ui/src/multiplying-architecture/KaotoEditor.scss
@@ -18,6 +18,13 @@
     position: relative;
     overflow: scroll;
   }
+
+  // Tab content for Design canvas is not scrollable
+  section#{&}__tab-content_design-canvas {
+    flex-grow: 1;
+    flex-shrink: 1;
+    position: relative;
+  }
 }
 
 div[data-envelope-context='vscode'].shell .pf-v5-c-toolbar {
diff --git a/packages/ui/src/multiplying-architecture/KaotoEditor.tsx b/packages/ui/src/multiplying-architecture/KaotoEditor.tsx
index bfebf24b9..fe7ade068 100644
--- a/packages/ui/src/multiplying-architecture/KaotoEditor.tsx
+++ b/packages/ui/src/multiplying-architecture/KaotoEditor.tsx
@@ -52,7 +52,7 @@ export const KaotoEditor = () => {
         <Tab
           isHidden={SCHEMA_TABS[resource.getType()].indexOf(TabList.Design) === -1}
           eventKey={TabList.Design}
-          className="shell__tab-content"
+          className="shell__tab-content_design-canvas"
           title={
             <>
               <TabTitleIcon>