From 7386e69033a1f5d0a836cffe98cededb85e27c24 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期四, 18 四月 2024 14:02:43 +0800 Subject: [PATCH] fix 修复 全局样式导致组件全覆盖问题 依旧采用单组件声明 --- src/assets/styles/element-ui.scss | 55 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 46 insertions(+), 9 deletions(-) diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index 26d4f8a..4f0e91d 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -1,4 +1,15 @@ -// cover some element-ui styles + +.el-collapse { + .collapse__title { + font-weight: 600; + padding: 0 8px; + font-size: 1.2em; + line-height: 1.1em; + } + .el-collapse-item__content { + padding: 0 8px; + } +} .el-divider--horizontal { margin-bottom: 10px; @@ -51,12 +62,37 @@ } } -// to fixed https://github.com/ElemeFE/element/issues/2461 -.el-dialog { - transform: none; - left: 0; - position: relative; - margin: 0 auto; +/*-------------Dialog-------------**/ +.el-overlay { + overflow: hidden; + + .el-overlay-dialog { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + + .el-dialog { + margin: 0 auto !important; + + .el-dialog__body { + padding: 15px !important; + } + .el-dialog__header { + padding: 16px 16px 8px 16px; + box-sizing: border-box; + border-bottom: 1px solid var(--brder-color); + margin-right: 0; + } + } + } +} + +.el-dialog__body { + max-height: calc(90vh - 111px) !important; + overflow-y: auto; + overflow-x: hidden; } // refine element ui upload @@ -88,10 +124,11 @@ box-sizing: content-box; } -.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow { +.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { display: none; } .el-dropdown .el-dropdown-link { color: var(--el-color-primary) !important; -} \ No newline at end of file +} + -- Gitblit v1.9.3