This is an automated email from the ASF dual-hosted git repository.
zehnder pushed a commit to branch
3116-refactor-staticruntimeresolvabletreeinput-into-smaller-subcomponents
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to
refs/heads/3116-refactor-staticruntimeresolvabletreeinput-into-smaller-subcomponents
by this push:
new bcb69410c4 refactor(#3116): Fix CSS for component selected-nodes
bcb69410c4 is described below
commit bcb69410c429eefbf9cdede392e8f2a7cfb35964
Author: Philipp Zehnder <[email protected]>
AuthorDate: Sun Aug 11 08:29:21 2024 +0200
refactor(#3116): Fix CSS for component selected-nodes
---
...static-tree-input-selected-nodes.component.html | 42 +++++++++++-----------
...static-tree-input-selected-nodes.component.scss | 22 ------------
.../static-tree-input.component.html | 3 ++
.../static-tree-input.component.scss | 5 +++
4 files changed, 28 insertions(+), 44 deletions(-)
diff --git
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.html
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.html
index fad07f0871..968e782252 100644
---
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.html
+++
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.html
@@ -15,28 +15,26 @@
~ limitations under the License.
~
-->
-<div fxFlex="30" class="tree-input-section" fxLayout="column">
- <div class="tree-input-header" fxLayoutAlign="start center">
- <b>Selected Nodes</b>
- </div>
- <div *ngFor="let selectedNodeName of selectedNodesInternalNames">
- <div
- class="selected-node"
- fxLayout="row"
- fxLayoutAlign="start center"
- [attr.data-cy]="'selected-node-' + selectedNodeName"
- >
- <span fxFlex>{{ selectedNodeName }}</span>
- <div fxLayoutAlign="end center">
- <button
- mat-icon-button
- color="accent"
- [attr.data-cy]="'remove-' + selectedNodeName"
- (click)="onRemoveSelectedNode(selectedNodeName)"
- >
- <i class="material-icons">remove</i>
- </button>
- </div>
+<div class="tree-input-header" fxLayoutAlign="start center">
+ <b>Selected Nodes</b>
+</div>
+<div *ngFor="let selectedNodeName of selectedNodesInternalNames">
+ <div
+ class="selected-node"
+ fxLayout="row"
+ fxLayoutAlign="start center"
+ [attr.data-cy]="'selected-node-' + selectedNodeName"
+ >
+ <span fxFlex>{{ selectedNodeName }}</span>
+ <div fxLayoutAlign="end center">
+ <button
+ mat-icon-button
+ color="accent"
+ [attr.data-cy]="'remove-' + selectedNodeName"
+ (click)="onRemoveSelectedNode(selectedNodeName)"
+ >
+ <i class="material-icons">remove</i>
+ </button>
</div>
</div>
</div>
diff --git
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.scss
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.scss
deleted file mode 100644
index 841cc49105..0000000000
---
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input-selected-nodes/static-tree-input-selected-nodes.component.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-.tree-input-section {
- border: 1px solid var(--color-bg-3);
- margin-top: 10px;
-}
diff --git
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.html
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.html
index 38a1a2df6e..4e5a88f149 100644
---
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.html
+++
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.html
@@ -204,6 +204,9 @@
</div>
<sp-static-tree-input-selected-nodes
+ class="tree-input-section"
+ fxLayout="column"
+ fxFlex="30"
[selectedNodesInternalNames]="
staticProperty.selectedNodesInternalNames
"
diff --git
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.scss
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.scss
index c0d0089c38..93e93f6136 100644
---
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.scss
+++
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-tree-input/static-tree-input.component.scss
@@ -54,6 +54,11 @@
min-height: 30px;
}
+.tree-input-section {
+ border: 1px solid var(--color-bg-3);
+ margin-top: 10px;
+}
+
.tree-input-header {
background: var(--color-bg-2);
height: 40px;
