Add arrows to tooltips

2026-08-27 08:11:02 -06:00
parent 7d19068777
commit 263ecbbad7
3 changed files with 59 additions and 5 deletions
@@ -728,6 +728,26 @@ body {
  animation: tooltip-fade-in 0.15s ease;
 }

+.tooltip::after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+  left: var(--arrow-left, 50%);
+  transform: translateX(-50%);
+}
+
+.tooltip[data-placement='top']::after {
+  top: 100%;
+  border-top-color: var(--body-text-color);
+}
+
+.tooltip[data-placement='bottom']::after {
+  bottom: 100%;
+  border-bottom-color: var(--body-text-color);
+}
+
@keyframes tooltip-fade-in {
  from {
    opacity: 0;