From 7f70832ae0c12656f97f7c693c2daa03fd0da22f Mon Sep 17 00:00:00 2001 From: Farah Rasheed Date: Fri, 28 Jun 2024 10:33:55 -0500 Subject: [PATCH] Break long file name into multiple lines In the FormFile component, break a long file name into multiple lines using the word-break CSS property. This ensures that long file names are properly displayed within their container without causing overflow issues. Fixes #121 The word-break property will allow the text to wrap onto the next line at any character, maintaining the layout integrity and improving the user interface. Change-Id: Id534dd4e8f7737a60483272f2fdd70deb7a8a002 Signed-off-by: Farah Rasheed --- src/components/Global/FormFile.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue index e18d61485a..50ac961494 100644 --- a/src/components/Global/FormFile.vue +++ b/src/components/Global/FormFile.vue @@ -107,6 +107,7 @@ export default { display: flex; align-items: center; background-color: theme-color('light'); + word-break: break-all; // break long file name into multiple lines .btn { width: 36px; height: 36px;