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

SvenO3 pushed a commit to branch Avoid-action-menu-item-line-break
in repository https://gitbox.apache.org/repos/asf/streampipes.git

commit dad7d665949bd78d572bd5457f265575f738e225
Author: Sven Oehler <[email protected]>
AuthorDate: Fri Jul 10 16:13:29 2026 +0200

    Avoid action menu item line break
---
 .../src/lib/components/sp-table/sp-table.component.html          | 2 +-
 ui/src/scss/sp/sp-theme.scss                                     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git 
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
 
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
index 01dbff145d..ea799b6ac0 100644
--- 
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
+++ 
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
@@ -416,7 +416,7 @@
         >
             <mat-icon>more_vert</mat-icon>
         </button>
-        <mat-menu #menu="matMenu">
+        <mat-menu #menu="matMenu" class="sp-table-actions-menu">
             <ng-container
                 *ngTemplateOutlet="
                     actionsTemplate;
diff --git a/ui/src/scss/sp/sp-theme.scss b/ui/src/scss/sp/sp-theme.scss
index e2cff563f6..52a9bda74f 100644
--- a/ui/src/scss/sp/sp-theme.scss
+++ b/ui/src/scss/sp/sp-theme.scss
@@ -147,6 +147,11 @@ html {
         overflow: hidden;
     }
 
+    .sp-table-actions-menu.mat-mdc-menu-panel {
+        min-width: 13rem;
+        max-width: min(28rem, calc(100vw - 2rem));
+    }
+
     .mat-mdc-menu-content {
         padding: var(--space-xs) 0;
     }
@@ -179,6 +184,10 @@ html {
         line-height: 1.25rem;
     }
 
+    .sp-table-actions-menu .mat-mdc-menu-item span {
+        white-space: nowrap;
+    }
+
     .mat-mdc-menu-item:hover:not([disabled]),
     .mat-mdc-menu-item.cdk-focused:not([disabled]),
     .mat-mdc-menu-item.mat-mdc-menu-item-highlighted:not([disabled]) {

Reply via email to