fix(#2): Tooltip popup is clipped/hidden behind table content

This commit is contained in:
Sirttas
2026-07-20 10:04:10 +02:00
parent 27b7cecfdc
commit 04a9f197e8
2 changed files with 32 additions and 22 deletions
@@ -43,7 +43,7 @@ const lineColor = computed(() => {
<MarketTrendIcon v-else :trend="quartiles.trend" />
</template>
<template #default>
<div class="bg-slate-500 -left-1/2 relative tooltip-content" v-if="quartiles">
<div class="bg-slate-500 tooltip-content" v-if="quartiles">
<table>
<thead>
<tr>
@@ -74,9 +74,6 @@ const lineColor = computed(() => {
&.tooltip-top>:deep(div.header) {
@apply rounded-t-md bg-slate-600;
}
&.tooltip-bottom .tooltip-content {
bottom: 75px;
}
&.tooltip-bottom>:deep(div.header) {
@apply rounded-b-md bg-slate-600;
}