From b88a09dd7facf803f7addb590536e2dc83ce1d6e Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail>
Date: 星期一, 17 四月 2023 21:56:16 +0800
Subject: [PATCH] update 修改dialog弹窗在窗内滚动
---
src/assets/styles/element-ui.scss | 111 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 66 insertions(+), 45 deletions(-)
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 44731b6..bf6cdf7 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -1,97 +1,118 @@
// cover some element-ui styles
.el-divider--horizontal {
- margin-bottom: 10px;
- margin-top: 10px;
+ margin-bottom: 10px;
+ margin-top: 10px;
}
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
- font-weight: 400 !important;
+ font-weight: 400 !important;
}
.el-upload {
- input[type='file'] {
- display: none !important;
- }
+ input[type='file'] {
+ display: none !important;
+ }
}
.el-upload__input {
- display: none;
+ display: none;
}
.cell {
- .el-tag {
- margin-right: 0px;
- }
+ .el-tag {
+ margin-right: 0px;
+ }
}
.small-padding {
- .cell {
- padding-left: 5px;
- padding-right: 5px;
- }
+ .cell {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
}
.fixed-width {
- .el-button--mini {
- padding: 7px 10px;
- width: 60px;
- }
+ .el-button--mini {
+ padding: 7px 10px;
+ width: 60px;
+ }
}
.status-col {
- .cell {
- padding: 0 10px;
- text-align: center;
+ .cell {
+ padding: 0 10px;
+ text-align: center;
- .el-tag {
- margin-right: 0px;
- }
- }
+ .el-tag {
+ margin-right: 0px;
+ }
+ }
}
-// 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__body {
+ max-height: calc(90vh - 111px) !important;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+
// refine element ui upload
.upload-container {
- .el-upload {
- width: 100%;
+ .el-upload {
+ width: 100%;
- .el-upload-dragger {
- width: 100%;
- height: 200px;
- }
- }
+ .el-upload-dragger {
+ width: 100%;
+ height: 200px;
+ }
+ }
}
// dropdown
.el-dropdown-menu {
- a {
- display: block;
- }
+ a {
+ display: block;
+ }
}
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
- display: inline-flex !important;
+ display: inline-flex !important;
}
// to fix el-date-picker css style
.el-range-separator {
- box-sizing: content-box;
+ box-sizing: content-box;
}
.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
- display: none;
+ display: none;
}
.el-dropdown .el-dropdown-link {
- color: var(--el-color-primary) !important;
+ color: var(--el-color-primary) !important;
}
\ No newline at end of file
--
Gitblit v1.9.3