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> </template>
<style> <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. 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 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 { [data-tippy-root][style*="transition: transform 0.1s ease-out"] .tippy-box .tippy-content {
transition: none !important; transition: none !important;
padding: 0.5em; padding: 0.5rem 1rem;
background-color: var(--color-tooltip-bg);
color: var(--color-tooltip-text);
border: none;
} }
</style> </style>