From 904ee32b2468482af778d424eba7cfe51b511bcd Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期三, 05 二月 2025 09:19:53 +0800 Subject: [PATCH] !180 fix 修复 消息弹框内容过长不换行 Merge pull request !180 from zst_2001/dev --- src/assets/styles/element-ui.scss | 152 ++++++++++++++++++++++++++++++++++---------------- 1 files changed, 104 insertions(+), 48 deletions(-) diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index 44731b6..e38c703 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -1,97 +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; +.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 + color: var(--el-color-primary) !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