This is an automated email from the ASF dual-hosted git repository. dominikriemer pushed a commit to branch fix-styling-bug-pipeline-details in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit dcb012252f453f9eb5f3c90eb55e96a8a90f4426 Author: Dominik Riemer <[email protected]> AuthorDate: Mon Jun 29 21:44:07 2026 +0200 Fix position of pipeline element status --- .../dropped-pipeline-element.component.html | 2 +- ui/src/scss/sp/pipeline-element.scss | 31 ++++++++++++++-------- 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html b/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html index 6956d7f3fe..043962a55a 100644 --- a/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html +++ b/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html @@ -29,7 +29,7 @@ @if (pipelineElementConfig.settings.loadingStatus) { <div class="pipeline-element-loading-container sp-fade-opacity"></div> } - @if (!readonly) { + @if (!readonly && pipelineElementConfig.settings.completed > 0) { <div class="pipeline-element-configuration-status {{ pipelineElementConfig.type === 'stream' diff --git a/ui/src/scss/sp/pipeline-element.scss b/ui/src/scss/sp/pipeline-element.scss index aee7f7a619..a9c55517a9 100644 --- a/ui/src/scss/sp/pipeline-element.scss +++ b/ui/src/scss/sp/pipeline-element.scss @@ -18,31 +18,40 @@ .pipeline-element-configuration-status { position: absolute; - left: 20px; - top: -25px; - width: 100%; - height: 100%; + right: -0.35rem; + bottom: -0.35rem; + z-index: 60; + display: inline-flex; + align-items: center; + justify-content: center; + width: 1.35rem; + height: 1.35rem; + border: 1px solid var(--color-border); + border-radius: 50%; + background: var(--mat-sys-surface); + pointer-events: none; } -.pi-processor { - left: 0px; +.pi-stream { + right: 0.15rem; + bottom: 0.15rem; } -.pi-stream { - left: 0px; +.pipeline-element-configuration-status .material-icons { + width: 1rem; + height: 1rem; + font-size: 1rem; + line-height: 1; } .pipeline-element-configuration-invalid-icon { - font-size: var(--font-size-lg); color: var(--color-error); } .pipeline-element-configuration-modified-icon { - font-size: var(--font-size-lg); color: var(--color-warning); } .pipeline-element-configuration-ok-icon { - font-size: var(--font-size-lg); color: var(--color-success); }
