floscr/clj-ui-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tooltip): close gap between arrow and tooltip box

Browse Source 
The triangle's `bottom` offset was too large, leaving a visible gap
(and 1px sub-pixel seam) between the arrow and the tooltip body.
Changed from `calc(100% - 5px)` to `calc(100% - 1px)` so the arrow
slightly overlaps the box, eliminating the gap.
This commit is contained in:
Florian Schroedl
2026-03-03 12:03:29 +01:00
parent 398811305c
commit 5cb339e04b
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/tooltip.css
View File

@@ -29,7 +29,7 @@
.tooltip::before { .tooltip::before {
content: ""; content: "";
bottom: calc(100% - 5px); bottom: calc(100% - 1px);
transform: translateX(-50%) translateY(4px); transform: translateX(-50%) translateY(4px);
border: 6px solid transparent; border: 6px solid transparent;
border-top-color: var(--fg-0); border-top-color: var(--fg-0);