diff --git a/buildtime/client/logical-editor/src/App.css b/buildtime/client/logical-editor/src/App.css index 84ab6a229..c2ac47afc 100644 --- a/buildtime/client/logical-editor/src/App.css +++ b/buildtime/client/logical-editor/src/App.css @@ -48,12 +48,11 @@ .sidebar { display: flex; flex-flow: column; - height: 70vh; padding: 16px; color: gray; background: var(--code-bg); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - width: 200px; + width: 300px; } .sidebar h1 { @@ -94,6 +93,8 @@ .side-links { font-size: 12px; background: whitesmoke; + overflow: auto; + height: 70vh; } footer { diff --git a/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx b/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx index 75733205b..30accd20b 100644 --- a/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx +++ b/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx @@ -6,22 +6,21 @@ import { DocumentIcon, FolderIcon } from '@heroicons/react/16/solid'; const PropertyTreeView = ({ node, key }) => { const [expanded, setExpanded] = useState(true); - console.log('node:', key, node.id, node.label, node.subPropertygroups); return (
  • - + {node.subPropertygroups && node.subPropertygroups.length > 0 && ( + )} - {node.label} + {node.labelTranslation} {expanded && ( -