diff --git a/src/app/schema/renderHtml.tsx b/src/app/schema/renderHtml.tsx
index 8f4c8ce3..e4d263fa 100644
--- a/src/app/schema/renderHtml.tsx
+++ b/src/app/schema/renderHtml.tsx
@@ -92,9 +92,7 @@ export const renderHtml: RenderHook = {
{(value && Array.isArray(value)) && value.map((cValue, index) => {
if (value.length > LIST_LIMIT && index >= LIST_LIMIT_SHOWN && index < value.length - LIST_LIMIT_SHOWN) {
if (index === LIST_LIMIT_SHOWN) {
- return
-
-
- {value.length > 1 &&
-
-
-
}
-
-
+ return
-
+ {(value && value.length > 2) && }
>
return [null, suffix, body]
@@ -167,11 +161,9 @@ export const renderHtml: RenderHook = {
path.model.errors.add(cPath, 'error.invalid_enum_option', cValue)
}
const onRemove = () => cPath.set(undefined)
- return
-
-
-
-
+ return
+
+
})}
>
return [null, suffix, body]
diff --git a/src/styles/nodes.css b/src/styles/nodes.css
index 7f8e1d1c..2e347b35 100644
--- a/src/styles/nodes.css
+++ b/src/styles/nodes.css
@@ -372,55 +372,46 @@ span.menu-item {
padding-left: 18px;
}
-.node-entry > .object-node > .node-body {
+.list-node > .node-body > .object-node > .node-body,
+.map-node > .node-body > .object-node > .node-body {
padding-left: 0;
}
-.node-entry > .object-node > .node-body > .node > .node-body {
+.list-node > .node-body > .object-node > .node-body > .node > .node-body,
+.map-node > .node-body > .object-node > .node-body > .node > .node-body {
border-left: none;
}
-.node-entry > .object-node > .node-body > .node > .node-header > .node-icon + *,
-.node-entry > .object-node > .node-body > .node > .node-header > *:first-child {
+.list-node > .node-body > .object-node > .node-body > .node > .node-header > .node-icon + *,
+.list-node > .node-body > .object-node > .node-body > .node > .node-header > *:first-child,
+.map-node > .node-body > .object-node > .node-body > .node > .node-header > .node-icon + *,
+.map-node > .node-body > .object-node > .node-body > .node > .node-header > *:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
-.node-entry {
- display: flex;
- flex-direction: column;
- margin-top: 4px;
-}
-
-.node-entry > .object-node[data-category],
-.node-entry > .list-node[data-category],
-.node-entry > .map-node[data-category] {
+.node-body > .object-node[data-category],
+.node-body > .list-node[data-category],
+.node-body > .map-node[data-category] {
width: 100%;
min-width: max-content;
padding: 5px;
padding-left: 0px;
- margin-top: 8px;
border: 2px solid var(--node-border);
border-radius: 3px;
}
-.node-entry:first-child > .object-node[data-category],
-.node-entry:first-child > .list-node[data-category],
-.node-entry:first-child > .map-node[data-category] {
- margin-top: 4px;
-}
-
-.node-entry > .object-node[data-category] > .node-header > .node-icon + *,
-.node-entry > .object-node[data-category] > .node-header > *:first-child {
+.node-body > .object-node[data-category] > .node-header > .node-icon + *,
+.node-body > .object-node[data-category] > .node-header > *:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
-.node-entry > .object-node[data-category] > .node-body,
-.node-entry > .list-node[data-category] > .node-body,
-.node-entry > .map-node[data-category] > .node-body {
+.node-body > .object-node[data-category] > .node-body,
+.node-body > .list-node[data-category] > .node-body,
+.node-body > .map-node[data-category] > .node-body {
border: none;
}
@@ -454,9 +445,9 @@ span.menu-item {
border-color: var(--category-predicate-border);
}
-.node-entry > .node.object-node[data-category=predicate],
-.node-entry > .node.list-node[data-category=predicate],
-.node-entry > .node.map-node[data-category=predicate] {
+.node-body > .node.object-node[data-category=predicate],
+.node-body > .node.list-node[data-category=predicate],
+.node-body > .node.map-node[data-category=predicate] {
background-color: var(--category-predicate-background);
border-color: var(--category-predicate-border);
}
@@ -473,9 +464,9 @@ span.menu-item {
border-color: var(--category-function-border);
}
-.node-entry > .node.object-node[data-category=function],
-.node-entry > .node.list-node[data-category=function],
-.node-entry > .node.map-node[data-category=function] {
+.node-body > .node.object-node[data-category=function],
+.node-body > .node.list-node[data-category=function],
+.node-body > .node.map-node[data-category=function] {
background-color: var(--category-function-background);
border-color: var(--category-function-border);
}
@@ -492,9 +483,9 @@ span.menu-item {
border-color: var(--category-pool-border);
}
-.node-entry > .node.object-node[data-category=pool],
-.node-entry > .node.list-node[data-category=pool],
-.node-entry > .node.map-node[data-category=pool] {
+.node-body > .node.object-node[data-category=pool],
+.node-body > .node.list-node[data-category=pool],
+.node-body > .node.map-node[data-category=pool] {
background-color: var(--category-pool-background);
border-color: var(--category-pool-border);
}