iter(g339): tooltip 补指向箭头

2026-10-27 02:17:29 +08:00
parent 1bc0883ed7
commit e5943aa23b
2 changed files with 37 additions and 0 deletions
@@ -2117,6 +2117,34 @@ button.ua-step-dot:hover {
  top: 50%;
  transform: translate(calc(-1 * var(--ua-translate-3)), -50%);
 }
+/*** 指向箭头：45° 菱形，颜色继承气泡底色，暗色自动跟随 ***/
+.ua-tip::after {
+  content: '';
+  position: absolute;
+  width: var(--ua-space-2);
+  height: var(--ua-space-2);
+  background: inherit;
+}
+.ua-tip-top::after {
+  left: 50%;
+  bottom: 0;
+  transform: translate(-50%, 50%) rotate(45deg);
+}
+.ua-tip-bottom::after {
+  left: 50%;
+  top: 0;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+.ua-tip-left::after {
+  right: 0;
+  top: 50%;
+  transform: translate(50%, -50%) rotate(45deg);
+}
+.ua-tip-right::after {
+  left: 0;
+  top: 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
 .ua-tip.ua-open {
  opacity: 1;
 }