[camel-karavan] branch main updated: UI Consistency for #885

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git


The following commit(s) were added to refs/heads/main by this push:
     new 6adaf249 UI Consistency for #885
6adaf249 is described below

commit 6adaf249a61ad8d99a4cb3e81e6a50f645f32de1
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Wed Sep 13 15:41:32 2023 -0400

    UI Consistency for #885
---
 karavan-designer/src/designer/MainToolbar.tsx | 12 ++++++++----
 karavan-vscode/webview/App.tsx                |  1 +
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/karavan-designer/src/designer/MainToolbar.tsx 
b/karavan-designer/src/designer/MainToolbar.tsx
index 8923b70c..fd86e9d6 100644
--- a/karavan-designer/src/designer/MainToolbar.tsx
+++ b/karavan-designer/src/designer/MainToolbar.tsx
@@ -6,6 +6,7 @@ import '../designer/karavan.css';
 
 interface Props {
     title: React.ReactNode;
+    toolsStart?: React.ReactNode;
     tools: React.ReactNode;
 }
 
@@ -13,15 +14,18 @@ export function MainToolbar(props: Props) {
 
     return (
         <PageSection className="tools-section" 
variant={PageSectionVariants.light}>
-            <Flex className="tools" justifyContent={{default: 
'justifyContentSpaceBetween'}}
+            <Flex className="tools" justifyContent={{default: 
'justifyContentFlexStart'}}
                   alignItems={{default: 'alignItemsCenter'}}>
-                <FlexItem>
+                <FlexItem flex={{default: "flexNone"}}>
                     {props.title}
                 </FlexItem>
-                <FlexItem>
+                <FlexItem align={{default: 'alignLeft'}}>
+                    {props.toolsStart}
+                </FlexItem>
+                <FlexItem align={{default: 'alignRight'}}>
                     {props.tools}
                 </FlexItem>
             </Flex>
         </PageSection>
-    );
+    )
 }
diff --git a/karavan-vscode/webview/App.tsx b/karavan-vscode/webview/App.tsx
index 3c1a601f..ba2b1273 100644
--- a/karavan-vscode/webview/App.tsx
+++ b/karavan-vscode/webview/App.tsx
@@ -184,6 +184,7 @@ class App extends React.Component<Props, State> {
         }
         {loaded && page === "designer" &&
           <KaravanDesigner 
+          showCodeTab={false}
             key={key}
             filename={filename}
             yaml={yaml}