Merge pull request #1301 from danielaskdd/main

Fix graph label drop down list position problem
This commit is contained in:
Daniel.y
2025-04-07 22:16:07 +08:00
committed by GitHub
4 changed files with 11 additions and 5 deletions

File diff suppressed because one or more lines are too long

View File

@@ -8,7 +8,7 @@
<link rel="icon" type="image/svg+xml" href="logo.png" /> <link rel="icon" type="image/svg+xml" href="logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lightrag</title> <title>Lightrag</title>
<script type="module" crossorigin src="/webui/assets/index-KA3WYEM0.js"></script> <script type="module" crossorigin src="/webui/assets/index-DYPw8N_u.js"></script>
<link rel="stylesheet" crossorigin href="/webui/assets/index-WCszRhP4.css"> <link rel="stylesheet" crossorigin href="/webui/assets/index-WCszRhP4.css">
</head> </head>
<body> <body>

View File

@@ -108,12 +108,12 @@ const GraphLabels = () => {
variant={controlButtonVariant} variant={controlButtonVariant}
onClick={handleRefresh} onClick={handleRefresh}
tooltip={t('graphPanel.graphLabels.refreshTooltip')} tooltip={t('graphPanel.graphLabels.refreshTooltip')}
className="mr-1" className="mr-2"
> >
<RefreshCw className="h-4 w-4" /> <RefreshCw className="h-4 w-4" />
</Button> </Button>
<AsyncSelect<string> <AsyncSelect<string>
className="ml-2" className="min-w-[300px]"
triggerClassName="max-h-8" triggerClassName="max-h-8"
searchInputClassName="max-h-8" searchInputClassName="max-h-8"
triggerTooltip={t('graphPanel.graphLabels.selectTooltip')} triggerTooltip={t('graphPanel.graphLabels.selectTooltip')}

View File

@@ -210,7 +210,13 @@ export function AsyncSelect<T>({
<ChevronsUpDown className="opacity-50" size={10} /> <ChevronsUpDown className="opacity-50" size={10} />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className={cn('p-0', className)} onCloseAutoFocus={(e) => e.preventDefault()}> <PopoverContent
className={cn('p-0', className)}
onCloseAutoFocus={(e) => e.preventDefault()}
align="start"
sideOffset={8}
collisionPadding={5}
>
<Command shouldFilter={false}> <Command shouldFilter={false}>
<div className="relative w-full border-b"> <div className="relative w-full border-b">
<CommandInput <CommandInput