From fc09f7a0b1f843f3b4a1c1ee23652608fbf1286f Mon Sep 17 00:00:00 2001
From: "@suet-kei.chan" <suet-kei.chan@t-systems.com>
Date: Wed, 27 May 2026 00:14:25 +0200
Subject: [PATCH] fix: truncate long file/folder names with ellipsis in sharing
 and notification UI

Sharing popup success page (css/apps/sharing.scss):
- Added overflow: hidden to .sharingPopup__success container to prevent
  horizontal scrollbar from appearing when a long file/folder name is present
- Added overflow: hidden, text-overflow: ellipsis, and white-space: nowrap
  to .message so the long name is truncated with "..." instead of overflowing
- Applied the same truncation to .recipients to handle long email addresses

Notification panel (css/layouts/header.scss):
- Added overflow: hidden and min-width: 0 to .notification-subject to
  establish a constrained width context
- Added overflow: hidden, width: 100%, and min-width: 0 to .rich-text--wrapper
  and its direct child div so the parent chain is width-constrained
- Added display: inline-block, max-width: 100%, overflow: hidden,
  text-overflow: ellipsis, white-space: nowrap, and vertical-align: bottom
  to strong.rich-text--component so the filename truncates with "..."
---
 css/apps/sharing.scss   |  7 +++++++
 css/layouts/header.scss | 21 +++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/css/apps/sharing.scss b/css/apps/sharing.scss
index d861c840..76573ceb 100644
--- a/css/apps/sharing.scss
+++ b/css/apps/sharing.scss
@@ -397,6 +397,7 @@ body .icon-upload-to-cloud, body .icon-upload-to-cloud-dark {
 .sharingPopup__success {
 	padding: 1rem;
 	display: grid;
+	overflow: hidden;
 
 	.check-circle-outline-icon {
 		background-image: var(--icon-popup-success-success);
@@ -416,11 +417,17 @@ body .icon-upload-to-cloud, body .icon-upload-to-cloud-dark {
 		text-align: center;
 		font-size: 24px;
 		margin-bottom: 1rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 
 	.recipients {
 		text-align: center;
 		color: var(--color-text-maxcontrast);
 		margin-bottom: 3rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 }
\ No newline at end of file
diff --git a/css/layouts/header.scss b/css/layouts/header.scss
index 862dd1d1..5efd3bdb 100644
--- a/css/layouts/header.scss
+++ b/css/layouts/header.scss
@@ -252,10 +252,31 @@ header {
 				}
 
 				.notification-subject {
+					overflow: hidden;
+					min-width: 0;
 
 					.image {
 						display: none;
 					}
+
+					.rich-text--wrapper {
+						overflow: hidden;
+						width: 100%;
+						min-width: 0;
+
+						> div {
+							overflow: hidden;
+						}
+					}
+
+					strong.rich-text--component {
+						display: inline-block;
+						max-width: 100%;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						vertical-align: bottom;
+					}
 				}
 
 				.notification-actions {