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 - LIST_LIMIT} hidden entries... -
+ return {value.length - LIST_LIMIT} hidden entries... } return null } @@ -110,20 +108,16 @@ export const renderHtml: RenderHook = { [v[index + 1], v[index]] = [v[index], v[index + 1]] path.model.set(path, v) } - return
- - - {value.length > 1 &&
- - -
} -
-
+ return + + {value.length > 1 &&
+ + +
} +
})} - {(value && value.length > 2) &&
-
- -
+ {(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); }