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 <Farah.Rasheed1@dell.com>
diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue
index e18d614..50ac961 100644
--- a/src/components/Global/FormFile.vue
+++ b/src/components/Global/FormFile.vue
@@ -107,6 +107,7 @@
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;