fix: 保存提示/确认框靠左重叠菜单 — el-message强制居中+移除el-message-box margin:0破坏
This commit is contained in:
+11
-3
@@ -344,9 +344,17 @@ html.dark .el-drawer__header {
|
|||||||
.el-overlay { z-index: 2000 !important; }
|
.el-overlay { z-index: 2000 !important; }
|
||||||
.el-overlay-dialog { z-index: 2001 !important; position: fixed !important; }
|
.el-overlay-dialog { z-index: 2001 !important; position: fixed !important; }
|
||||||
.el-message-box__wrapper { z-index: 2002 !important; }
|
.el-message-box__wrapper { z-index: 2002 !important; }
|
||||||
/* 消息提示必须高于弹窗,避免在弹窗内操作时被遮挡;出现在顶栏下方(60px+间距) */
|
/* 消息提示:置顶居中显示,避开左侧菜单与顶栏(顶栏60px+间距);必须高于弹窗 */
|
||||||
.el-message { z-index: 3000 !important; top: 70px !important; }
|
.el-message {
|
||||||
.el-message-box { margin: 0 !important; }
|
position: fixed !important;
|
||||||
|
top: 70px !important;
|
||||||
|
left: 50% !important;
|
||||||
|
right: auto !important;
|
||||||
|
transform: translateX(-50%) !important;
|
||||||
|
z-index: 3000 !important;
|
||||||
|
max-width: calc(100vw - 40px) !important;
|
||||||
|
}
|
||||||
|
/* el-message-box 保持默认居中(margin:15vh auto),勿清margin否则会靠左重叠菜单 */
|
||||||
.el-dialog { --el-dialog-margin-top: 1vh !important; }
|
.el-dialog { --el-dialog-margin-top: 1vh !important; }
|
||||||
|
|
||||||
/* 过渡动画 — 明暗切换平滑过渡 */
|
/* 过渡动画 — 明暗切换平滑过渡 */
|
||||||
|
|||||||
Reference in New Issue
Block a user