소스 검색

Add tooltip for truncated folder names in File Manager

Long folder names are truncated to prevent layout issues. Added title
attribute so users can hover to see the full folder name.

Fixes #160
maziggy 9 달 전
부모
커밋
60d9505c0d
4개의 변경된 파일과 6개의 추가작업 그리고 6개의 파일을 삭제
  1. 4 4
      frontend/src/pages/FileManagerPage.tsx
  2. 0 0
      static/assets/index-BQIOMqJ9.css
  3. 0 0
      static/assets/index-qV1ROCuN.js
  4. 2 2
      static/index.html

+ 4 - 4
frontend/src/pages/FileManagerPage.tsx

@@ -704,7 +704,7 @@ function FolderTreeItem({ folder, selectedFolderId, onSelect, onDelete, onLink,
   return (
     <div>
       <div
-        className={`group flex items-start gap-1 px-2 py-1.5 rounded cursor-pointer transition-colors ${
+        className={`group flex items-center gap-1 px-2 py-1.5 rounded cursor-pointer transition-colors ${
           selectedFolderId === folder.id
             ? 'bg-bambu-green/20 text-bambu-green'
             : 'hover:bg-bambu-dark text-white'
@@ -718,15 +718,15 @@ function FolderTreeItem({ folder, selectedFolderId, onSelect, onDelete, onLink,
               e.stopPropagation();
               setExpanded(!expanded);
             }}
-            className="p-0.5 hover:bg-bambu-dark-tertiary rounded flex-shrink-0"
+            className="p-0.5 hover:bg-bambu-dark-tertiary rounded"
           >
             <ChevronRight className={`w-3.5 h-3.5 transition-transform ${expanded ? 'rotate-90' : ''}`} />
           </button>
         ) : (
-          <div className="w-4.5 flex-shrink-0" />
+          <div className="w-4.5" />
         )}
         <FolderOpen className="w-4 h-4 text-bambu-green flex-shrink-0" />
-        <span className="text-sm flex-1 break-words" title={folder.name}>{folder.name}</span>
+        <span className="text-sm truncate flex-1" title={folder.name}>{folder.name}</span>
         {/* Link indicator - clickable to change link */}
         {isLinked && (
           <button

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
static/assets/index-BQIOMqJ9.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
static/assets/index-qV1ROCuN.js


+ 2 - 2
static/index.html

@@ -23,8 +23,8 @@
 
     <!-- Splash screens for iOS -->
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
-    <script type="module" crossorigin src="/assets/index-CMTqTaab.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DP3rxcEu.css">
+    <script type="module" crossorigin src="/assets/index-qV1ROCuN.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BQIOMqJ9.css">
   </head>
   <body>
     <div id="root"></div>

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.