// cover some element-ui styles
|
|
.el-breadcrumb__inner,
|
.el-breadcrumb__inner a {
|
font-weight: 400 !important;
|
}
|
|
.el-upload {
|
input[type="file"] {
|
display: none !important;
|
}
|
}
|
|
.el-upload__input {
|
display: none;
|
}
|
|
.cell {
|
.el-tag {
|
margin-right: 0px;
|
}
|
}
|
|
.small-padding {
|
.cell {
|
padding-left: 5px;
|
padding-right: 5px;
|
}
|
}
|
|
.fixed-width {
|
.el-button--mini {
|
padding: 7px 10px;
|
width: 60px;
|
}
|
}
|
|
.status-col {
|
.cell {
|
padding: 0 10px;
|
text-align: center;
|
|
.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;
|
}
|
|
// refine element ui upload
|
.upload-container {
|
.el-upload {
|
width: 100%;
|
|
.el-upload-dragger {
|
width: 100%;
|
height: 200px;
|
}
|
}
|
}
|
|
// dropdown
|
.el-dropdown-menu {
|
a {
|
display: block
|
}
|
}
|
|
// fix date-picker ui bug in filter-item
|
.el-range-editor.el-input__inner {
|
display: inline-flex !important;
|
}
|
|
// to fix el-date-picker css style
|
.el-range-separator {
|
box-sizing: content-box;
|
}
|
|
.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;
|
}
|
|
/* 全局模态框样式（业务定制：标题左侧主题色竖条 + 统一头部高度） */
|
.el-dialog__header,
|
.el-message-box__header {
|
box-sizing: border-box;
|
height: 56px;
|
border-bottom: 1px solid var(--lims-divider);
|
padding: 0px;
|
display: flex;
|
align-items: center;
|
}
|
|
.el-dialog__header::before {
|
content: "";
|
display: inline-block;
|
width: 4px;
|
height: 16px;
|
background: var(--el-color-primary);
|
border-radius: 10px;
|
margin-left: 20px;
|
margin-right: 8.5px;
|
}
|
|
.el-message-box__header::before {
|
content: "";
|
display: inline-block;
|
width: 4px;
|
height: 16px;
|
background: var(--el-color-primary);
|
border-radius: 10px;
|
margin-left: 20px;
|
margin-right: 8.5px;
|
}
|
|
.el-dialog__header .el-dialog__title {
|
font-size: 16px !important;
|
}
|
|
.el-dialog__footer {
|
padding-right: 40px;
|
}
|
|
.el-dialog__footer .el-button * {
|
font-size: 14px !important;
|
}
|
|
.el-dialog__footer .el-button {
|
height: 36px;
|
padding: 0 14px;
|
}
|
|
.el-message-box__btns .el-button * {
|
font-size: 14px !important;
|
}
|
|
.el-button--primary {
|
background: var(--el-color-primary);
|
border-color: var(--el-color-primary);
|
}
|
|
/* 滚动条：细、浅、无轨道底色 */
|
::-webkit-scrollbar {
|
width: 8px !important;
|
height: 8px !important;
|
}
|
|
::-webkit-scrollbar-track {
|
background: transparent;
|
}
|
|
::-webkit-scrollbar-thumb {
|
background: #d5dedc;
|
border-radius: 8px;
|
|
&:hover {
|
background: #bcc9c6;
|
}
|
}
|
|
html.dark ::-webkit-scrollbar-thumb {
|
background: #3a3a3a;
|
|
&:hover {
|
background: #4a4a4a;
|
}
|
}
|
