diff --git a/src/app/shared/nodes/container-node/container-node.css b/src/app/shared/nodes/container-node/container-node.css index 542d443..36db373 100644 --- a/src/app/shared/nodes/container-node/container-node.css +++ b/src/app/shared/nodes/container-node/container-node.css @@ -219,7 +219,8 @@ } .container-node__delete, -.container-node__focus { +.container-node__focus, +.container-node__settings { border: 0; width: 30px; height: 30px; @@ -228,6 +229,11 @@ color: #f8fafc; } +.container-node__settings--active { + background: rgba(255, 255, 255, 0.34); + color: #ffffff; +} + .container-node__clone { border: 0; width: 30px; diff --git a/src/app/shared/nodes/container-node/container-node.html b/src/app/shared/nodes/container-node/container-node.html index 1862dc9..125adbc 100644 --- a/src/app/shared/nodes/container-node/container-node.html +++ b/src/app/shared/nodes/container-node/container-node.html @@ -72,6 +72,18 @@ } @if (!isReadonly) { + @if (!focusOpen && (hasParameterFields() || hasMainContent())) { + + } @@ -219,7 +231,7 @@ } - @if (hasParameterFields() || hasMainContent()) { + @if ((hasParameterFields() || hasMainContent()) && (nodeSettingsOpen || focusOpen)) {
@if (!schemaReady) { } @if (!isReadonly) { + @if (!focusOpen && hasOrderedParameterItems()) { + + }