From b94da205a58770bcbfb5e29b7daaea7b1cf74a82 Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Tue, 6 Feb 2024 11:30:49 -0800
Subject: [PATCH] fix truncate function to handle Chinese characters (#677)
* fix truncate function to handle Chinese characters
* revert changes to truncate function and cut off title using css
* add CSS ellipse on long file name
* fix uploaded middleTruncation as well as directory
---------
Co-authored-by: timothycarambat <rambat1010@gmail.com>
---
.../Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx | 2 +-
.../Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
index 61187f55b..7e2259b22 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
@@ -78,7 +78,7 @@ export default function FileRow({
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
>
- <p className="whitespace-nowrap overflow-hidden">
+ <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
{middleTruncate(item.title, 17)}
</p>
{showTooltip && (
diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 99493dbaf..91e165d4c 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -64,7 +64,7 @@ export default function WorkspaceFileRow({
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
>
- <p className="whitespace-nowrap overflow-hidden">
+ <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
{middleTruncate(item.title, 17)}
</p>
{showTooltip && (
--
GitLab