/* wangeditor 富文本编辑器
|
------------------------------- */
|
.editor-container {
|
z-index: 10; // 用于 wangeditor 点击全屏时
|
.w-e-toolbar {
|
border: 1px solid var(--el-border-color-light, #ebeef5) !important;
|
border-bottom: 1px solid var(--el-border-color-light, #ebeef5) !important;
|
border-top-left-radius: 3px;
|
border-top-right-radius: 3px;
|
z-index: 2 !important;
|
}
|
.w-e-text-container {
|
border: 1px solid var(--el-border-color-light, #ebeef5) !important;
|
border-top: none !important;
|
border-bottom-left-radius: 3px;
|
border-bottom-right-radius: 3px;
|
z-index: 1 !important;
|
}
|
}
|
|
[data-theme='dark'] {
|
// textarea - css vars
|
--w-e-textarea-bg-color: var(--el-color-white) !important;
|
--w-e-textarea-color: var(--el-text-color-primary) !important;
|
|
// toolbar - css vars
|
--w-e-toolbar-color: var(--el-text-color-primary) !important;
|
--w-e-toolbar-bg-color: var(--el-color-white) !important;
|
--w-e-toolbar-active-color: var(--el-text-color-primary) !important;
|
--w-e-toolbar-active-bg-color: var(--next-color-menu-hover) !important;
|
--w-e-toolbar-border-color: var(--el-border-color-light, #ebeef5) !important;
|
|
// modal - css vars
|
--w-e-modal-button-bg-color: var(--el-color-primary) !important;
|
--w-e-modal-button-border-color: var(--el-color-primary) !important;
|
}
|
|
/* 表格卡片,内容溢出带滚动条
|
--------------------------------------------------------- */
|
.scroll-table-card {
|
.el-card__body {
|
height: 100%;
|
.el-table {
|
height: 100%;
|
}
|
}
|
}
|
|
/* 表格卡片减去页码的高度,内容溢出滚动条
|
--------------------------------------------------------- */
|
.scroll-table-number {
|
.el-card__body {
|
height: 100%;
|
.el-table {
|
height: calc(100% - 40px);
|
}
|
}
|
}
|
|
/* 保证leftTree 组件被card 包裹时,内容溢出滚动条
|
--------------------------------------------------------- */
|
.left-tree-card {
|
.el-card__body {
|
height: 100%;
|
}
|
}
|
// 保证右边布局时被card 包裹时,内容高度不是100%的情况
|
.right-card {
|
.el-card__body {
|
height: 100%;
|
}
|
}
|
/* el-drawer 高度为当前视窗高度,去除阴影
|
--------------------------------------------------------- */
|
.custom-drawer {
|
.el-overlay {
|
position: absolute;
|
background-color: inherit;
|
}
|
.el-drawer__body{
|
display: flex;
|
flex-direction: column;
|
}
|
}
|
|
/* el-tree 末端节点横向排布
|
--------------------------------------------------------- */
|
.penultimate-node {
|
.el-tree-node__children {
|
padding-left: 40px;
|
white-space: pre-wrap;
|
line-height: 100%;
|
|
.el-tree-node {
|
display: inline-block;
|
}
|
|
.el-tree-node__content {
|
padding-left: 5px !important;
|
padding-right: 5px;
|
|
// .el-tree-node__expand-icon {
|
// display: none;
|
// }
|
}
|
}
|
}
|
|
/* 表格 tag 样式
|
--------------------------------------------------------- */
|
.table-tag-space {
|
color: #409eff;
|
background-color: #e8f4ff;
|
border-color: #1890ff;
|
&:not(:last-of-type) {
|
margin-right: 7px;
|
}
|
}
|
|
/* 表格 radio,其 label 不显示
|
--------------------------------------------------------- */
|
.table-radio-hidden {
|
.el-radio__label {
|
display: none;
|
}
|
}
|
|
/* 文本溢出显示省略号
|
--------------------------------------------------------- */
|
.over-ellipsis {
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
}
|