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

…#2699)
SAP · Jan 19, 2021 · bb7c952 · bb7c952
1 parent cf8f4de
commit bb7c952
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/fiori/src/themes/UploadCollectionItem.css b/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 {

diff --git a/packages/main/src/themes/Link.css b/packages/main/src/themes/Link.css
@@ -49,6 +49,7 @@
 }
 
 .ui5-link-root {
+	width: 100%;
 	display: inline-block;
 	position: relative;
 	white-space: nowrap;