fix styles

This commit is contained in:
wxiaoguang 2024-05-02 20:14:38 +08:00
parent bcf658bcaa
commit 867662a5ff
1 changed files with 6 additions and 2 deletions

View File

@ -68,12 +68,16 @@ export default {
/>
</template>
<style>
/* A quick patch for vue3-calendar-heatmap's tooltip padding.
/* A quick patch for vue3-calendar-heatmap's tooltip padding, to avoid conflicting with other tippy contents.
At the moment we could only identify the tooltip by its transition property.
https://github.com/razorness/vue3-calendar-heatmap/blob/955626176cb5dc3d3ead8120475c2e5e753cc392/src/components/CalendarHeatmap.vue#L202
This selector should be replaced by a more specific one if the library adds a CSS class.
*/
[data-tippy-root][style*="transition: transform 0.1s ease-out"] .tippy-box .tippy-content {
transition: none !important;
padding: 0.5em;
padding: 0.5rem 1rem;
background-color: var(--color-tooltip-bg);
color: var(--color-tooltip-text);
border: none;
}
</style>