Fix graph label drop down list position problem
This commit is contained in:
@@ -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')}
|
||||||
|
@@ -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
|
||||||
|
Reference in New Issue
Block a user