(camel-karavan) branch main updated: REST and Beans for #1012

[ma...@apache.org]

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 f3fbfb62 REST and Beans for #1012
f3fbfb62 is described below

commit f3fbfb62fc4e48d1bafdc260e0e87fea3e3b0ad4
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Wed Dec 27 13:13:34 2023 -0500

    REST and Beans for #1012
---
 karavan-designer/src/designer/beans/bean.css |  7 +++---
 karavan-designer/src/designer/rest/rest.css  | 34 ++++++++++++++++++++++------
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/karavan-designer/src/designer/beans/bean.css b/karavan-designer/src/designer/beans/bean.css
index 38b8fb51..73a09fce 100644
--- a/karavan-designer/src/designer/beans/bean.css
+++ b/karavan-designer/src/designer/beans/bean.css
@@ -18,7 +18,7 @@
 .karavan .bean-card {
     /*max-width: 800px;*/
     border-style: dotted;
-    border-radius: 4px;
+    border-radius: 42px;
     border-width: 1px;
     padding: 16px 6px 16px 16px;
     margin-right: 80px;
@@ -50,9 +50,8 @@
 }
 
 .karavan .bean-card .delete-button {
-    position: absolute;
-    top: 3px;
-    right: 3px;
+    position: relative;
+    right: 6px;
     line-height: 1;
     border: 0;
     padding: 0;
diff --git a/karavan-designer/src/designer/rest/rest.css b/karavan-designer/src/designer/rest/rest.css
index c9fa958f..92db3484 100644
--- a/karavan-designer/src/designer/rest/rest.css
+++ b/karavan-designer/src/designer/rest/rest.css
@@ -18,8 +18,8 @@
 .karavan .rest-designer .rest-card,
 .karavan .rest-designer .rest-config-card,
 .karavan .rest-designer .method-card {
-    border-style: dotted;
-    border-radius: 4px;
+    border-style: dashed;
+    border-radius: 42px;
     border-width: 1px;
 }
 
@@ -36,9 +36,16 @@
 }
 
 .karavan .rest-designer .method-card {
-    padding: 0 0 0 6px;
+    padding: 0 0 0 16px;
     margin-bottom: 6px;
     position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    gap: 16px;
+    height: 44px;
+    cursor: pointer;
 }
 
 .karavan .rest-card-unselected {
@@ -152,6 +159,7 @@
 .karavan .rest-designer .method-card .rest-method-desc {
     display: flex;
     flex-direction: column;
+    flex: auto;
 }
 
 .karavan .rest-designer .rest-card-unselected,
@@ -188,8 +196,7 @@
     position: relative;
 }
 
-.karavan .rest-designer .rest-config-card,
-.karavan .rest-designer .method-card {
+.karavan .rest-designer .rest-config-card {
     position: relative;
     display: flex;
     flex-direction: row;
@@ -236,8 +243,7 @@
     text-overflow: ellipsis;
 }
 
-.karavan .rest-designer .rest-config-card .delete-button,
-.karavan .rest-designer .method-card .delete-button {
+.karavan .rest-designer .rest-config-card .delete-button {
     position: absolute;
     top: 1px;
     right: 1px;
@@ -251,6 +257,20 @@
     z-index: 100;
 }
 
+.karavan .rest-designer .method-card .delete-button {
+    position: relative;
+    top: unset;
+    right: 6px;
+    line-height: unset;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    color: #909090;
+    visibility: hidden;
+    z-index: 100;
+}
+
 .karavan .rest-designer .rest-config-card:hover .delete-button,
 .karavan .rest-designer .rest-card:hover .delete-button,
 .karavan .rest-designer .method-card:hover .delete-button {