From 0dd3896f38c8b9405b468d2c2df43d34983c0461 Mon Sep 17 00:00:00 2001
From: OKAMOTO Shigehiro <primary@goahi.live>
Date: Mon, 22 Apr 2024 10:22:48 +0900
Subject: [PATCH] fix long file name previews

---
 src/common_components/FileView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common_components/FileView.tsx b/src/common_components/FileView.tsx
index f207f699..4c897a29 100644
--- a/src/common_components/FileView.tsx
+++ b/src/common_components/FileView.tsx
@@ -39,7 +39,7 @@ export const fileViewStyle = cva({
 export const FileView = (props: Props) => {
   return (
     <div className={fileViewStyle({ isError: props.error })}>
-      <span>{props.name}</span>
+      <span className={css({ whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" })}>{props.name}</span>
       <div className={css({ display: "flex", flexDirection: "row", columnGap: 4, alignItems: "center" })}>
         {props.link !== undefined && <DownloadBuutton link={props.link} />}
         {props.delete !== undefined && (