From d0455db13e76d505d2090c0326bbb1bae0e9de68 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Thu, 18 Dec 2025 08:24:03 +0100
Subject: [PATCH] Fixed vertical scrolling for very long file names

---
 .../Dialogs/ReviewAttachmentsDialog.razor     | 46 +++++++++++--------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor
index db29bebb..e3785e6c 100644
--- a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor	
+++ b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor	
@@ -13,7 +13,7 @@
 
         <MudDivider Class="mt-3 mb-3"/>
 
-        <div style="max-height: 50vh; overflow-y: auto; padding-right: 8px;">
+        <div style="max-height: 50vh; overflow-y: auto; overflow-x: hidden; padding-right: 8px;">
             @if (!this.DocumentPaths.Any())
             {
                 <MudJustifiedText Typo="Typo.body1" Class="mt-3">
@@ -26,20 +26,23 @@
                 @if (File.Exists(filePath))
                 {
                     <MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
-                        <MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
-                            <span class="d-inline-flex align-items-center" style="max-width: 100%;">
-                                <MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2"/>
-                                <MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
-                                    @Path.GetFileName(filePath)
-                                </MudText>
-                            </span>
-                        </MudTooltip>
+                        <div style="min-width: 0; flex: 1; overflow: hidden;">
+                            <MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
+                                <span class="d-inline-flex align-items-center" style="overflow: hidden; width: 100%;">
+                                    <MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2" Style="flex-shrink: 0;"/>
+                                    <MudText Style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+                                        @Path.GetFileName(filePath)
+                                    </MudText>
+                                </span>
+                            </MudTooltip>
+                        </div>
 
-                        <MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
+                        <MudTooltip Text="@T("Remove the attachment.")" Placement="Placement.Bottom">
                         <MudIconButton Icon="@Icons.Material.Filled.Delete"
                                        Color="Color.Error"
                                        Class="ml-2"
-                                       OnClick="@(() => DeleteAttachment(filePath))"/>
+                                       Style="flex-shrink: 0;"
+                                       OnClick="@(() => this.DeleteAttachment(filePath))"/>
                         </MudTooltip>
                     </MudStack>
 
@@ -47,20 +50,23 @@
                 else
                 {
                     <MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
-                        <MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
-                            <span class="d-inline-flex align-items-center" style="max-width: 100%;">
-                                <MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2"/>
-                                <MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
-                                    <s>@Path.GetFileName(filePath)</s>
-                                </MudText>
-                            </span>
-                        </MudTooltip>
+                        <div style="min-width: 0; flex: 1; overflow: hidden;">
+                            <MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
+                                <span class="d-inline-flex align-items-center" style="overflow: hidden; width: 100%;">
+                                    <MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2" Style="flex-shrink: 0;"/>
+                                    <MudText Style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+                                        <s>@Path.GetFileName(filePath)</s>
+                                    </MudText>
+                                </span>
+                            </MudTooltip>
+                        </div>
 
                         <MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
                             <MudIconButton Icon="@Icons.Material.Filled.Delete"
                                            Color="Color.Error"
                                            Class="ml-2"
-                                           OnClick="@(() => DeleteAttachment(filePath))"/>
+                                           Style="flex-shrink: 0;"
+                                           OnClick="@(() => this.DeleteAttachment(filePath))"/>
                         </MudTooltip>
                     </MudStack>
                 }