(camel-karavan) 04/04: Preview example of new Designer #1012

[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

commit b660dd40e59796f588c4ffb9938783efbb036199
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Tue Dec 5 19:51:34 2023 -0500

    Preview example of new Designer #1012
---
 karavan-designer/src/designer/route/element/DslElement.css | 13 +++++--------
 karavan-designer/src/designer/utils/CamelUi.tsx            |  2 +-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/karavan-designer/src/designer/route/element/DslElement.css 
b/karavan-designer/src/designer/route/element/DslElement.css
index 8e04b5f7..3039f422 100644
--- a/karavan-designer/src/designer/route/element/DslElement.css
+++ b/karavan-designer/src/designer/route/element/DslElement.css
@@ -19,16 +19,16 @@
     display: block;
     border: none;
     background: transparent;
-    padding: 0px 0px 0px 0px;
-    margin-bottom: 10px;
-    min-width: 160px;
+    padding: 0;
+    margin: 3px 24px 10px 24px;
+    /*min-width: 260px;*/
     z-index: 101;
 }
 
 .karavan .step-element .header-route .delete-button {
     position: absolute;
-    top: 4px;
-    right: 4px;
+    top: 5px;
+    right: 5px;
     line-height: 1;
     border: 0;
     padding: 0;
@@ -51,8 +51,6 @@
     visibility: hidden;
 }
 
-/*.karavan .step-element:hover .delete-button,*/
-/*.karavan .step-element:hover .delete-button,*/
 .karavan .step-element .header:hover .delete-button,
 .karavan .step-element .header-route:hover .delete-button,
 .element-builder .header:hover .delete-button {
@@ -135,7 +133,6 @@
     top: 5px;
     left: 5px;
     font-size: 15px;
-    height: 24px;
     line-height: 1;
     border: 0;
     padding: 0;
diff --git a/karavan-designer/src/designer/utils/CamelUi.tsx 
b/karavan-designer/src/designer/utils/CamelUi.tsx
index 83476b1b..61a7d27c 100644
--- a/karavan-designer/src/designer/utils/CamelUi.tsx
+++ b/karavan-designer/src/designer/utils/CamelUi.tsx
@@ -337,7 +337,7 @@ export class CamelUi {
     static getElementTitle = (element: CamelElement): string => {
         if (element.dslName === 'RouteDefinition') {
             const routeId = (element as RouteDefinition).id
-            return routeId ? routeId : CamelUtil.capitalizeName((element as 
any).stepName);
+            return routeId ? "Route: " + routeId : 
CamelUtil.capitalizeName((element as any).stepName);
         } else if (['ToDefinition', 'ToDynamicDefinition', 'FromDefinition', 
'KameletDefinition'].includes(element.dslName) && (element as any).uri) {
             const uri = (element as any).uri;
             const kameletTitle = uri && uri.startsWith("kamelet:") ? 
KameletApi.findKameletByUri(uri)?.title() : undefined;