REST and Beans for #1012

apache · Dec 27, 2023 · f3fbfb6 · f3fbfb6
1 parent 90c8fea
commit f3fbfb6
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 11 deletions.
diff --git 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
@@ -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 {