yangdx commited on
Commit
3726d89
·
1 Parent(s): f2dc809

fixed the Tooltip positioning issue:

Browse files

- Changed all Tooltip position styles from fixed to absolute
- Maintained the position: relative on parent elements (already present in the group relative class)

lightrag_webui/src/features/DocumentManager.tsx CHANGED
@@ -284,7 +284,7 @@ export default function DocumentManager() {
284
  <div className="truncate">
285
  {getDisplayFileName(doc, 35)}
286
  </div>
287
- <div className="invisible group-hover:visible fixed z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
288
  {doc.file_path}
289
  </div>
290
  </div>
@@ -295,7 +295,7 @@ export default function DocumentManager() {
295
  <div className="truncate">
296
  {doc.id}
297
  </div>
298
- <div className="invisible group-hover:visible fixed z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
299
  {doc.file_path}
300
  </div>
301
  </div>
@@ -306,7 +306,7 @@ export default function DocumentManager() {
306
  <div className="truncate">
307
  {doc.content_summary}
308
  </div>
309
- <div className="invisible group-hover:visible fixed z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
310
  {doc.content_summary}
311
  </div>
312
  </div>
 
284
  <div className="truncate">
285
  {getDisplayFileName(doc, 35)}
286
  </div>
287
+ <div className="invisible group-hover:visible absolute z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
288
  {doc.file_path}
289
  </div>
290
  </div>
 
295
  <div className="truncate">
296
  {doc.id}
297
  </div>
298
+ <div className="invisible group-hover:visible absolute z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
299
  {doc.file_path}
300
  </div>
301
  </div>
 
306
  <div className="truncate">
307
  {doc.content_summary}
308
  </div>
309
+ <div className="invisible group-hover:visible absolute z-[9999] mt-1 max-w-[800px] whitespace-normal break-all rounded-md bg-black/95 px-3 py-2 text-sm text-white shadow-lg dark:bg-white/95 dark:text-black">
310
  {doc.content_summary}
311
  </div>
312
  </div>