This is an automated email from the ASF dual-hosted git repository. SvenO3 pushed a commit to branch make-asset-tree-scrollable-in-asset-edit-mode in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit 6111dd465b0e24d8d827fb9b9e79bc7f7b0950fa Author: Sven Oehler <[email protected]> AuthorDate: Fri Jul 10 13:10:24 2026 +0200 Make asset tree scrollable --- .../asset-selection-panel.component.html | 4 +-- .../asset-selection-panel.component.scss | 29 ++++++++++++++++++++++ 2 files changed, 31 insertions(+), 2 deletions(-) diff --git a/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.html b/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.html index 66a9a21c60..42cd0dd340 100644 --- a/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.html +++ b/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.html @@ -20,7 +20,7 @@ @if (assetModel) { <div fxFlex="30" fxLayout="column" class="designer-panel-content"> <sp-basic-view - class="w-100" + class="w-100 asset-selection-view" [showBackLink]="false" [padding]="false" > @@ -32,7 +32,7 @@ <div fxFlex="100" - class="w-100" + class="w-100 tree-content" fxLayout="column" fxLayoutGap="12px" > diff --git a/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.scss b/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.scss index 0d70087255..98f5b25c54 100644 --- a/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.scss +++ b/ui/src/app/assets/components/asset-details/edit-asset/asset-selection-panel/asset-selection-panel.component.scss @@ -19,17 +19,46 @@ :host { display: block; height: 100%; + min-height: 0; } .designer-panel-content { padding: 0; overflow: hidden; + min-height: 0; +} + +.asset-selection-view { + display: block; + height: 100%; + min-height: 0; + overflow: hidden; +} + +:host ::ng-deep .asset-selection-view .page-container { + height: calc(100vh - 76px); + min-height: 0; +} + +:host + ::ng-deep + .asset-selection-view + .page-container + > div:not(.page-container-nav) { + min-height: 0; + overflow: hidden; +} + +.tree-content { + min-height: 0; + overflow: hidden; } .tree-wrapper { padding: 5px 5px 10px 2px; overflow-y: auto; flex: 1 1 auto; + min-height: 0; } .sp-tree-invisible {
