From 4839a5152fd96633dd843d74974ec1d888d46fd2 Mon Sep 17 00:00:00 2001
From: zst_2001 <1493232063@qq.com>
Date: 星期二, 04 二月 2025 21:11:48 +0800
Subject: [PATCH] fix 修复 消息弹框内容过长不换行
---
src/assets/styles/element-ui.scss | 148 +++++++++++++++++++++++++++++++++----------------
1 files changed, 100 insertions(+), 48 deletions(-)
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index cad21e6..e38c703 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -1,101 +1,153 @@
-// 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;
- 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__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
.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;
}
-.el-dialog {
- border-radius: 3% !important;
+/* 褰� el-form 鐨� inline 灞炴�т负 true 鏃� */
+/* 璁剧疆 label 鐨勫搴﹂粯璁や负 68px */
+.el-form--inline .el-form-item__label {
+ width: 68px;
+}
+
+/* 璁剧疆 el-select 鐨勫搴﹂粯璁や负 240px */
+.el-form--inline .el-select {
+ width: 240px;
+}
+
+/* 璁剧疆 el-input 鐨勫搴﹂粯璁や负 240px */
+.el-form--inline .el-input {
+ width: 240px;
+}
+
+/* 璁剧疆 el-message-box 娑堟伅寮规鍐呭寮哄埗鎹㈣ */
+.el-message-box .el-message-box__message {
+ word-break: break-word;
}
--
Gitblit v1.9.3