iter(g11): 浮层空间不足时自动翻转

2026-10-26 10:51:35 +08:00
parent 62784b1f2d
commit 00a7b90f44
12 changed files with 65 additions and 27 deletions
@@ -284,6 +284,11 @@
  visibility: hidden;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
 }
+.ua-select-pop.is-flip {
+  top: auto;                     /* 空间不足翻到触发器上方 */
+  bottom: calc(100% + 4px);
+  transform: translateY(4px);    /* 入场方向随翻转镜像：从下方 4px 滑入 */
+}
 .ua-select-pop.ua-open {
  opacity: 1;
  transform: none;
@@ -354,6 +359,11 @@
  left: auto;
  right: 0;
 }
+.ua-menu-pop.is-flip {
+  top: auto;                     /* 空间不足翻到触发器上方 */
+  bottom: calc(100% + 4px);
+  transform: translateY(4px);    /* 入场方向随翻转镜像：从下方 4px 滑入 */
+}
 .ua-menu-pop.ua-open {
  opacity: 1;
  transform: none;