fix(ui5-upload-collection-item): fix title behaviour on small screens (#2699)

Author: fifoosid

packages/fiori/src/themes/UploadCollectionItem.css

@@ -41,23 +41,29 @@
 }
 
 .ui5-uci-content-and-progress {
+	max-width: 100%;
+	min-width: 0;
 	display: flex;
 	flex: 1 1 auto;
 }
 
 .ui5-uci-content {
 	flex: 1 1 auto;
 	margin-right: .5rem;
+	width: 100%;
 	min-width: 0; /* fixes chrome overflow issue */
 }
 
 .ui5-uci-file-name {
+	width: 100%;
 	display: block;
 	font-family: "72override", var(--sapFontFamily);
 	font-size: var(--sapFontLargeSize);
 	color: var(--sapTextColor);
 	margin-bottom: 0.25rem;
-	white-space: pre-wrap;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
 }
 
 [ui5-link].ui5-uci-file-name {

packages/main/src/themes/Link.css

@@ -49,6 +49,7 @@
 }
 
 .ui5-link-root {
+	width: 100%;
 	display: inline-block;
 	position: relative;
 	white-space: nowrap;