iter(g307): 拖拽行补层内抬升 z 令牌

This commit is contained in:
HIsheR
2026-10-27 00:36:36 +08:00
parent 205a204d7e
commit 6dfc2f8b83
4 changed files with 13 additions and 0 deletions
+1
View File
@@ -135,6 +135,7 @@
--ua-control-h-lg: 40px; /* 大控件高度:主按钮、搜索框、移动端触控目标 */
/* ---- 层级:五档,数值留出间隙便于中间插入 ---- */
--ua-z-raised: 10; /* 层内抬升:拖拽中的行、临时浮起的卡片——只为压过同容器兄弟,够用即可 */
--ua-z-dropdown: 100; /* 下拉层:菜单 / 选择面板 / 气泡 */
--ua-z-sticky: 200; /* 粘性层:表头、吸顶工具栏 */
--ua-z-overlay: 300; /* 遮罩层:模态背后的半透明遮罩 */
+2
View File
@@ -2730,6 +2730,8 @@ button.ua-step-dot:hover {
outline-offset: 2px;
}
.ua-sortable-item.is-dragging {
position: relative; /* 抬升需要定位:不然 z-index 对静态行无效 */
z-index: var(--ua-z-raised); /* 压过同容器兄弟,投影才不会被后面的行盖掉 */
border-style: dashed;
border-color: var(--ua-color-accent);
background: var(--ua-color-tint-accent);