feat(vscode): Gain unused scrollbar space for design canvas

fixes KaotoIO/vscode-kaoto#465 Signed-off-by: Aurélien Pupier <[email protected]>
KaotoIO · Feb 9, 2024 · 151e227 · 151e227
1 parent 1fff9f8
commit 151e227
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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>