diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-26 13:26:21 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-26 13:26:21 +0900 |
| commit | 6083356a3e0fc1e70cc15f84ef0d041f34cce444 (patch) | |
| tree | c728dc2f92cc5f4248ed5a24850b87a2d232e001 /packages/client/src/scripts | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | sharkey-6083356a3e0fc1e70cc15f84ef0d041f34cce444.tar.gz sharkey-6083356a3e0fc1e70cc15f84ef0d041f34cce444.tar.bz2 sharkey-6083356a3e0fc1e70cc15f84ef0d041f34cce444.zip | |
:art:
Diffstat (limited to 'packages/client/src/scripts')
| -rw-r--r-- | packages/client/src/scripts/use-chart-tooltip.ts | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/client/src/scripts/use-chart-tooltip.ts b/packages/client/src/scripts/use-chart-tooltip.ts index afdd547245..881e5e9ad5 100644 --- a/packages/client/src/scripts/use-chart-tooltip.ts +++ b/packages/client/src/scripts/use-chart-tooltip.ts @@ -2,7 +2,7 @@ import { onUnmounted, ref } from 'vue'; import * as os from '@/os'; import MkChartTooltip from '@/components/MkChartTooltip.vue'; -export function useChartTooltip() { +export function useChartTooltip(opts: { position: 'top' | 'middle' } = { position: 'top' }) { const tooltipShowing = ref(false); const tooltipX = ref(0); const tooltipY = ref(0); @@ -41,7 +41,11 @@ export function useChartTooltip() { tooltipShowing.value = true; tooltipX.value = rect.left + window.pageXOffset + context.tooltip.caretX; - tooltipY.value = rect.top + window.pageYOffset; + if (opts.position === 'top') { + tooltipY.value = rect.top + window.pageYOffset; + } else if (opts.position === 'middle') { + tooltipY.value = rect.top + window.pageYOffset + context.tooltip.caretY; + } } return { |