Accueil Explorer Aide
Connexion
yunoadmin
/
bambuddy
miroir de https://github.com/maziggy/bambuddy
1
0
Fork 0
Fichiers Tickets 0 Wiki
Parcourir la source

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 il y a 7 mois
Parent
d0cc282d3e
commit
60d9505c0d
4 fichiers modifiés avec 6 ajouts et 6 suppressions
Vue unifiée Afficher les stats Diff
  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
Voir le fichier 

@@ -704,7 +704,7 @@ function FolderTreeItem({ folder, selectedFolderId, onSelect, onDelete, onLink,
 
   return (
 
   return (
 
     <div>
 
     <div>
 
       <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
 
           selectedFolderId === folder.id
 
             ? 'bg-bambu-green/20 text-bambu-green'
 
             ? 'bg-bambu-green/20 text-bambu-green'
 
             : 'hover:bg-bambu-dark text-white'
 
             : 'hover:bg-bambu-dark text-white'
 
@@ -718,15 +718,15 @@ function FolderTreeItem({ folder, selectedFolderId, onSelect, onDelete, onLink,
 
               e.stopPropagation();
 
               e.stopPropagation();
 
               setExpanded(!expanded);
 
               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' : ''}`} />
 
             <ChevronRight className={`w-3.5 h-3.5 transition-transform ${expanded ? 'rotate-90' : ''}`} />
 
           </button>
 
           </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" />
 
         <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 */}
 
         {/* Link indicator - clickable to change link */}
 
         {isLinked && (
 
         {isLinked && (
 
           <button
 
           <button

Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
static/assets/index-BQIOMqJ9.css


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
static/assets/index-qV1ROCuN.js


+ 2 - 2
static/index.html
Voir le fichier 

@@ -23,8 +23,8 @@
 
 
 
     <!-- Splash screens for iOS -->
 
     <!-- Splash screens for iOS -->
 
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
 
     <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>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="root"></div>
 
     <div id="root"></div>

Certains fichiers n'ont pas été affichés car il y a eu trop de fichiers modifiés dans ce diff