(streampipes) branch dev updated: feat: Make asset tree scrollable in asset edit mode (#4709)

[oehler]

This is an automated email from the ASF dual-hosted git repository.

SvenO3 pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git


The following commit(s) were added to refs/heads/dev by this push:
     new 8720de38a2 feat: Make asset tree scrollable in asset edit mode (#4709)
8720de38a2 is described below

commit 8720de38a24d6e7daa464959bfa4c7872f4a1ded
Author: Sven Oehler <43231162+sve...@users.noreply.github.com>
AuthorDate: Fri Jul 10 16:18:46 2026 +0200

    feat: Make asset tree scrollable in asset edit mode (#4709)
---
 .../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 {