gardel/lightrag
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix linting

Browse Source
This commit is contained in:
yangdx
2025-03-27 08:37:43 +08:00
parent 9eed63bd6f
commit 92f68024ef
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lightrag_webui/src/features/DocumentManager.tsx
View File

@@ -149,11 +149,11 @@ export default function DocumentManager() {
const cardRect = cardContent.getBoundingClientRect(); const cardRect = cardContent.getBoundingClientRect();
const cardMiddleY = cardRect.top + cardRect.height / 2; const cardMiddleY = cardRect.top + cardRect.height / 2;
// Get table element to check its height // Get table element to check its height
const tableElement = cardContent.querySelector<HTMLElement>('table'); const tableElement = cardContent.querySelector<HTMLElement>('table');
const tableHeight = tableElement?.offsetHeight || 0; const tableHeight = tableElement?.offsetHeight || 0;
// Determine if table is small (less than 3 rows approximately) // Determine if table is small (less than 3 rows approximately)
const isSmallTable = tableHeight < 150; const isSmallTable = tableHeight < 150;
@@ -164,20 +164,20 @@ export default function DocumentManager() {
// Get the parent element that triggered the tooltip // Get the parent element that triggered the tooltip
const triggerElement = tooltip.parentElement; const triggerElement = tooltip.parentElement;
if (!triggerElement) return; if (!triggerElement) return;
const triggerRect = triggerElement.getBoundingClientRect(); const triggerRect = triggerElement.getBoundingClientRect();
// If table is small, use fixed positioning // If table is small, use fixed positioning
if (isSmallTable) { if (isSmallTable) {
tooltip.classList.add('tooltip-fixed'); tooltip.classList.add('tooltip-fixed');
// Calculate position based on trigger element and mouse // Calculate position based on trigger element and mouse
const tooltipHeight = tooltip.offsetHeight; const tooltipHeight = tooltip.offsetHeight;
const viewportHeight = window.innerHeight; const viewportHeight = window.innerHeight;
// Check if tooltip would go off the bottom of the viewport // Check if tooltip would go off the bottom of the viewport
const wouldOverflowBottom = event.clientY + tooltipHeight > viewportHeight; const wouldOverflowBottom = event.clientY + tooltipHeight > viewportHeight;
if (wouldOverflowBottom) { if (wouldOverflowBottom) {
// Position above the trigger // Position above the trigger
tooltip.style.top = `${triggerRect.top - tooltipHeight - 5}px`; tooltip.style.top = `${triggerRect.top - tooltipHeight - 5}px`;
@@ -187,18 +187,18 @@ export default function DocumentManager() {
tooltip.style.top = `${triggerRect.bottom + 5}px`; tooltip.style.top = `${triggerRect.bottom + 5}px`;
tooltip.style.bottom = 'auto'; tooltip.style.bottom = 'auto';
} }
// Horizontal positioning // Horizontal positioning
tooltip.style.left = `${triggerRect.left}px`; tooltip.style.left = `${triggerRect.left}px`;
tooltip.style.maxWidth = '800px'; tooltip.style.maxWidth = '800px';
} else { } else {
// For normal sized tables, use the original logic // For normal sized tables, use the original logic
tooltip.classList.remove('tooltip-fixed'); tooltip.classList.remove('tooltip-fixed');
tooltip.style.top = ''; tooltip.style.top = '';
tooltip.style.left = ''; tooltip.style.left = '';
tooltip.style.bottom = ''; tooltip.style.bottom = '';
// If mouse is in the bottom half of the card, show tooltip above // If mouse is in the bottom half of the card, show tooltip above
if (event.clientY > cardMiddleY) { if (event.clientY > cardMiddleY) {
tooltip.classList.add('tooltip-top'); tooltip.classList.add('tooltip-top');