gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
ba2a5fe6d3fc9d5f7c8dfe15045a51299f07c9e1
cyber-narrator-cn-ui/src/assets/css/components/views/setting/knowledgeBase.scss

1090 lines
28 KiB
SCSS
Raw Normal View History

CN-906 fix: 上传loading、保存loading
2023-03-07 18:48:15 +08:00
.knowledge-base {
CN-926 fix: 样式细节优化
2023-03-10 21:15:09 +08:00
&.list-page {
height: calc(100% - 52px);
}
CN-906 fix: 上传loading、保存loading
2023-03-07 18:48:15 +08:00
.type-tag {
display: inline-block;
padding: 0 10px;
background-color: #EBF7FA;
color: #046ECA;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
CN-906 fix: 上传loading、保存loading
2023-03-07 18:48:15 +08:00
border-radius: 12px;
}
CN-926 列表页样式改版
2023-03-10 20:50:54 +08:00
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.list-desc{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
CN-926 列表页样式改版
2023-03-10 20:50:54 +08:00
.top-title {
font-size: 24px;
color: #353636;
font-weight: 900;
line-height: 24px;
display: flex;
align-items: center;
padding-bottom: 8px;
padding-top: 20px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
margin-left:20px;
CN-926 列表页样式改版
2023-03-10 20:50:54 +08:00
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.knowledge-base__content {
display:flex;
flex-direction:row;
padding:12px 20px 20px 20px;
height:calc(100% - 52px);
.left-filter {
margin-right:20px;
width:320px;
min-width:320px;
height:100%;
display:flex;
flex-direction:column;
background: #FFFFFF;
border: 1px solid rgba(226,229,236,1);
border-radius: 4px;
overflow: auto;
.filter-title {
height:32px;
padding-left:20px;
align-items: center;
display: flex;
background: #F7F7F7;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 0 1px 0 0 rgba(226,229,236,1);
border-radius: 4px 4px 0 0;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
font-size: 14px;
color: #353636;
font-weight: 500;
//font-family: $fontFamily !important;
}
.knowledge-filter {
display: flex;
flex-direction: column;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
margin-bottom: 0;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.filter__header {
display: flex;
flex: 0 0 32px;
align-items: center;
padding-left: 20px;
color: #666;
cursor: pointer;
margin-top:15px;
span {
font-size: 14px;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
padding-left: 0;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
i {
font-size: 12px;
transition: all linear .1s;
transform: rotate(0) translate(0, 2px);
}
i.arrow-rotate {
transform: rotate(90deg) translate(2px, 3px);
}
.new-knowledge-filter-header-title {
//font-family: $fontFamily !important;
font-size: 14px;
color: #353636;
font-weight: 500;
}
.new-knowledge-filter-icon {
margin-left: 8px;
margin-bottom: 2px;
font-weight: bold !important;
color: #575757;
}
}
.filter__body {
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
padding: 0 0 0 20px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.el-checkbox-group {
display: flex;
flex-direction: column;
}
.el-checkbox {
display: flex;
align-items: center;
padding: 5px 0;
margin-right: 5px;
.el-checkbox__input {
.el-checkbox__inner {
background: #F2F7F9;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 2px;
}
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
border-color: #38ACD2;
background: #38ACD2;
border-radius: 2px;
}
}
.el-checkbox__input.is-focus {
.el-checkbox__inner {
border-color: #38ACD2;
}
}
.el-checkbox__label {
width: 100%;
padding-right:15px;
padding-left:7px;
}
.filter__checkbox-label {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 400;
//font-family: NotoSansSChineseRegular !important;
color: #353636;
font-size: 14px;
.filter-label {
display: flex;
//color: #353636;
}
.filter-count {
color: #717171 !important;
}
.severity-color-block {
width: 4px;
height: 15px;
border-radius: 2px;
}
}
&:last-of-type {
padding-bottom: 0;
}
}
}
}
.knowledge-filter:last-child {
.filter__header {
margin-top:10px !important;
}
}
}
.right-list-card {
display:flex;
flex-direction:column;
justify-content: space-between;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
width: calc(100% - 340px);
max-width: calc(100% - 340px);
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
height:100%;
.top-tools {
display: flex;
align-items : center;
flex-direction:row;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
justify-content: space-between ;
//height:28px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
width:100%;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
margin-bottom:20px;
.top-tools__right {
display: flex;
justify-content: flex-end;
align-items: center;
//padding-bottom: 18px;
&>div {
//padding: 0 0 0 10px;
}
.el-button {
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
color: #575757;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
}
.el-button--mini{
padding: 7px 9px !important;
min-height: 28px !important;
&.active i {
color: #046ECA;
}
i {
font-size: 12px;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tools__left {
display: flex;
align-items : center;
flex-direction:row;
.top-tool-btn {
cursor: pointer;
height: 28px;
width: 28px;
border: 1px solid $--border-color-primary;
outline: none;
border-radius: $--button-border-radius;
background-color: $--button-gray-background-color;
transition: background-color linear .1s;
font-size:12px;
font-weight: 500;
//font-family: $fontFamily !important;
i {
font-size: 14px;
color: #575757;
margin-right:4px;
}
}
.top-tool-btn:disabled {
cursor: not-allowed;
opacity: 0.66;
i {
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn:hover:not(.cn-btn-disabled) {
border: 1px solid $--border-color-primary;
background-color: $--button-gray-hover-background-color;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus {
background-color: $--button-gray-active-background-color;
border: 1px solid $--border-color-primary;
i {
color: #575757;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) {
background-color: $--button-gray-hover-background-color;
border-color: #FFC4B9;
i {
color: #F0745A;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn--create {
background-color: #38ACD2 !important;
border-color: #2E88A6 !important;
color:#FFFFFF;
i {
color: #FFFFFF;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn--create:hover {
background-color: #57B8D9 !important;
border-color: #2E88A6 !important;
color:#FFFFFF;
i {
color: #FFFFFF;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn--create:focus {
background-color: #31A5CD !important;
border-color: #2E88A6 !important;
color:#FFFFFF !important;
i {
color: #FFFFFF !important;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-btn--create:disabled {
opacity: 0.66;
background-color: #38ACD2 !important;
border-color: #2E88A6 !important;
color:#FFFFFF;
i {
color: #FFFFFF;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.top-tool-search {
display:flex;
width:242px;//calc(100% - 256px);
.el-input--small{
line-height: 27px;
.el-input__inner {
height: 28px;
border-radius: 2px 0 0 2px;
}
}
.top-tool-btn {
border-left: none;
border-radius: 0 2px 2px 0 !important;
}
.top-tool-btn--search:hover {
border-left: none !important;
border-radius: 0 2px 2px 0 !important;
}
.top-tool-btn--search:focus {
border-left: none !important;
border-radius: 0 2px 2px 0 !important;
}
}
}
}
.list-mode__row {
width: 100%;
height:calc(100% - 102px);
//overflow-y:auto;
margin-bottom:0px;
padding-bottom:30px;
.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #38ACD2;
background: #38ACD2;
border-radius: 2px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #38ACD2;
border-color: #38ACD2;
}
.el-table--border {
border: 1px solid rgba(226,229,236,1);
border-radius: 4px;
border-right:none;
border-bottom:none;
}
.el-table {
th {
padding-top:6px;
padding-bottom:6px;
font-size:12px;
line-height:12px;
color: #353636;
font-weight: 500;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
td {
padding-top:8px;
padding-bottom:8px;
font-size:12px;
line-height:12px;
color: #353636;
font-weight: 400;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.cell {
height: 20px;
line-height: 20px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
}
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
.list-mode__card {
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
width: 100%;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
height:calc(100% - 134px);
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
overflow-y:auto;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
padding-right: 2px;
CN-1016 知识库支持卡片和table切换
2023-05-17 11:29:06 +08:00
margin-bottom:30px;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
.el-checkbox-group {
display: grid;
grid-template-rows: repeat(auto-fill, 218px);
grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
grid-gap: 30px;
}
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
.card-selected{
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
fix:CN-971 1.调整...颜色；2.调整选中卡片边框颜色
2023-04-28 17:04:17 +08:00
border: 1px solid rgba(197,197,197,1) !important;
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.card-item {
background: #FFFFFF;
border: 1px solid rgba(226,229,236,1);
border-radius: 4px;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
/*width:282px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
margin-bottom:30px;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
margin-right:30px;*/
height:218px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
display:flex;
flex-direction:column;
.card-content {
height:calc(100% - 32px);
padding:16px;
display:flex;
flex-direction: column;
.card-title {
//font-family: NotoSansSC-Bold;
font-size: 16px;
color: #353636;
font-weight: 700;
margin-bottom:6px;
display: flex;
flex-direction: row;
justify-content: space-between;
.card-title-name {
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
width:210px;
overflow: hidden; //超出的文本隐藏
text-overflow: ellipsis; //溢出用省略号显示
white-space:nowrap;
word-break: break-all;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
.card-title-more {
position: relative;
fix:CN-971 1.调整...颜色；2.调整选中卡片边框颜色
2023-04-28 17:04:17 +08:00
color:#575757;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #38ACD2;
border-color: #38ACD2;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
left: 5px;
top: 2px;
}
.el-checkbox__inner {
border-radius: 50%;
width:16px;
height:16px;
background-color: #DEDEDE;
border-color: #DEDEDE;
z-index:1;
}
.el-checkbox__inner::after {
left: 5px;
top: 2px;
transform: rotate(45deg) scaleY(1);
}
.card-operate {
background: #FFFFFF;
border: 1px solid rgba(197,197,197,1);
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
border-radius: 2px;
position: absolute;
top: 20px;
right: -10px;
height: 56px;
width: 80px;
display:flex;
flex-direction: column;
padding-top:4px;
padding-bottom:4px;
font-family: Helvetica;
font-size: 12px;
font-weight: 400;
.card-title-more-delete {
z-index: 1;
line-height: 24px;
height: 24px;
background: #FFFFFF;
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
//border-radius: 2px;
padding-left: 9px;
color: #666666;
}
.card-title-more-delete:hover {
//background: #EBF1F4;
background: #F7F7F7;
color: #046ECA;
//border: 1px solid rgba(0,0,0,0.15);
}
.card-title-more-delete:active {
background: #F7F7F7;
color: #046ECA;
//border: 1px solid rgba(0,0,0,0.15);
}
.card-title-more-edit {
z-index: 1;
line-height: 24px;
height: 24px;
background: #FFFFFF;
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
//border-radius: 2px;
padding-left: 9px;
color: #666666;
}
.card-title-more-edit:hover {
background: #F7F7F7;
color: #046ECA;
//border: 1px solid rgba(0,0,0,0.15);
}
.card-title-more-edit:active {
background: #F7F7F7;
color: #046ECA;
//border: 1px solid rgba(0,0,0,0.15);
}
}
}
}
.card-id {
//font-family: NotoSansSChineseRegular;
font-size: 12px;
color: #999999;
font-weight: 400;
fix:CN-971 1.卡片中标题、id和描述的布局跟设计图不符，设计图中描述跟id之间有较大的间隔，用来区分head和描述。 2.翻页到非第一页，编辑知识库，点cancel或save后，返回到编辑前页数
2023-05-15 11:42:21 +08:00
margin-bottom:16px;
line-height: 12px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
.card-desc {
//font-family: NotoSansSChineseRegular;
font-size: 12px;
color: #717171;
line-height: 18px;
font-weight: 400;
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
margin-bottom:0px;
max-height:88px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
}
.card-operate__footer {
height:40px;
//border:1px solid #7E9F54;
display:flex;
flex-direction: row;
justify-content:space-between ;
font-size: 14px;
font-weight: 400;
align-items: center;
padding-left:16px;
padding-right:16px;
padding-bottom:20px;
.card-type {
height:20px;
width: fit-content;
padding-left:11px;
padding-right:11px;
background: rgba(56,172,210,0.10);
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
border-radius: 10px;
font-size: 12px;
color: #046ECA;
font-weight: 400;
}
.card-enable {
}
}
}
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
.card-item:hover{
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
fix:CN-971 1.卡片标题限定一行，超长做处理；描述内容长度限定到不遮住type和enabled按钮，留10px以上间隙； 2.取消select状态时，应清空已选数组； 3.设计图上，鼠标滑过卡片时，卡片边框应有阴影； 4.select状态下，整个卡片任意区域点击都可以选中，选中后边框色改变，且鼠标移开后边框阴影不消失； 5.All筛选框与下方的间隙太小，将间隙和其他统一； 6.只有2行时，卡片行距被拉开过大，应该不拉开； 7.删除弹框应竖向居中； 8.多选之后，点击搜索，卡片上的选择状态被取消，但点击删除按钮依旧在待删除列表里；
2023-04-28 14:49:50 +08:00
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.card-item__enable {
background: #FFFFFF;
border: 1px solid rgba(226,229,236,1);
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
border-radius: 4px;
}
}
.knowledge-pagination {
height:56px;
width:100%;
background: #FFFFFF;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
}
}
}
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.edit-knowledge-base {
height: 100%;
.edit-knowledge-base__header {
padding: 30px 0 30px 20px;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: #353636;
}
.edit-knowledge-base__body {
display: flex;
height: calc(100% - 147px);
padding-left: 20px;
overflow: auto;
.el-steps {
margin-left: 10px;
.el-step {
transition: flex-basis ease-in-out .28s;
}
.el-step__head {
.el-step__line {
top: 26px;
bottom: 2px;
background-color: #38ACD2;
border-color: transparent;
opacity: 0.66;
}
&.is-finish, &.is-process {
.el-step__icon {
border-color: #38ACD2;
color: white;
background: #38ACD2;
}
}
&.is-process {
.el-step__line {
opacity: 1;
}
}
&.is-wait {
.el-step__icon {
border-color: #38ACD2;
color: #38ACD2;
}
}
.el-step__icon-inner {
font-size: 16px;
font-weight: normal;
}
}
}
.el-collapse {
width: 655px;
margin-left: 5px;
border: none;
.el-collapse-item.upload-collapse {
.el-collapse-item__wrap {
height: 260px;
}
}
.el-collapse-item {
min-height: 58px;
fix: 修复knowledgeBase-create在有滚动条时时间轴图标不滚动的情况
2023-03-13 14:29:42 +08:00
position: relative;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.el-collapse-item__header {
height: unset;
line-height: unset;
border: none;
font-size: 16px;
color: #333333;
&.focusing:focus:not(:hover) {
color: unset;
}
.form-sub-title {
padding-left: 35px;
}
}
fix: 修复steps展开收起点击范围过大的问题
2023-03-10 16:30:35 +08:00
[role|=tab] {
display: flex;
align-items: flex-start;
}
.el-collapse-item__arrow {
position: absolute;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
color: #38ACD2;
font-weight: bold;
}
.el-collapse-item__wrap {
padding-left: 35px;
border: none;
}
.el-collapse-item__content {
CN-906 fix: 上传loading、保存loading
2023-03-06 20:16:31 +08:00
position: relative;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
padding-bottom: 20px;
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.form-input .el-input__inner{
fix: 修复knowledge模块因初始化格式不符等导致的warning提示
2023-03-09 10:39:26 +08:00
padding-right: 50px !important;
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.upload-error-tip, .preview-error-tip {
color: $--color-danger;
}
.upload-error-tip {
margin-top: -11px;
}
.el-upload {
margin-top: 12px;
.upload-tip {
font-size: 12px;
color: #999999;
}
.el-upload-dragger {
width: 320px;
border-radius: 2px;
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
}
.el-upload--error .el-upload-dragger {
border-color: $--color-danger;
}
.el-upload-list {
.el-upload-list__item {
padding: 0 5px;
margin-top: unset;
height: 36px;
line-height: 36px;
background: #F5F8FA;
border-radius: 2px;
color: #353636;
.el-icon-close {
top: 11px;
}
.el-icon-close-tip {
top: 11px;
}
.el-progress.el-progress--line {
top: unset;
}
}
}
}
}
.el-form {
margin-top: 20px;
width: 620px;
label {
padding-bottom: 6px;
font-size: 14px;
color: #333333;
line-height: unset;
}
.el-form-item {
margin-bottom: 12px;
}
.el-form-item__content {
line-height: unset;
.el-input__inner {
padding-left: 8px;
font-size: 14px;
color: #353636;
}
CN-906 fix: 上传loading、保存loading
2023-03-07 18:48:15 +08:00
.el-textarea__inner {
padding-left: 8px;
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.form-select {
width: 100%;
.el-input__inner {
background-color: #F5F8FA;
}
}
}
}
.skeleton-border {
position: relative;
margin-top: 12px;
padding: 15px;
border: 1px solid #DCDFE6;
border-radius: 2px;
.skeleton-item-row:not(:nth-of-type(6)) {
margin-bottom: 5px;
}
.el-skeleton__item {
background: #F5F8FA;
}
.skeleton-tip {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
color: #353636;
}
}
.imported-tip {
margin-top: 8px;
margin-bottom: 4px;
font-size: 14px;
color: #333333;
.cn-icon {
font-size: 16px;
color: #38ACD2;
}
}
.imported-table-box {
position: relative;
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
height: 394px !important;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
border: 1px solid #DEDEDE;
border-radius: 2px;
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
&.imported-table-box--error {
border-color: $--color-danger;
}
.imported-table {
padding: 0 12px;
width: 100%;
table-layout: fixed;
th {
text-align: left;
font-size: 14px;
color: #353636;;
}
td {
font-size: 14px;
color: #353636;
}
.imported-data-msg, .imported-data-item, .imported-data-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
.imported-data-item-edit__input {
.el-input {
height: 30px;
}
.el-input__inner {
width: calc(100% - 50px);
height: 24px;
line-height: 0;
padding: 0 !important;
border-radius: 2px;
}
CN-952 fix: 知识库对导入数据的增删改
2023-03-31 17:50:38 +08:00
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.imported-data-msg {
width: 140px;
}
.el-icon-close {
color: #666;
font-weight: bold;
cursor: pointer;
&:hover {
color: #111;
}
}
.el-icon-success {
color: #749F4D;
}
.el-icon-error {
color: #E26154;
}
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
.imported-data-btn {
display: flex;
align-items: center;
justify-content: flex-end;
.imported-data-left-btn {
font-size: 14px;
margin: 0 7px;
color: #666;
cursor: pointer;
}
.imported-data-back {
color: #666;
cursor: pointer;
}
.imported-data-save {
color: #38ACD2;
cursor: pointer;
}
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
}
.imported-pagination.pagination {
position: absolute;
width: 100%;
height: 42px;
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
bottom: 42px !important;
margin-top: 4px;
padding-top: 10px;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
border-top: 1px solid #eee;
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
border-top: 0 !important;
border-bottom: 1px solid #eee;
margin-bottom: 0;
padding-bottom: 0;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.btn-prev, .btn-next, .number {
margin: 0 2px;
}
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
border: none;
font-size: 12px;
}
.el-pagination .el-pager li {
color: #353636;
}
.el-pagination .el-pager li.active {
background-color: #38ACD2;
color: white;
}
}
fix: 将知识库新增编辑页的部分css样式移入css文件内
2023-04-21 14:57:18 +08:00
.el-form {
margin-top: 0 !important;
}
.el-input {
height: 24px;
}
.el-form-item__content {
margin-top: -16px;
margin-bottom: -17px;
}
.el-form-item__error {
display: none;
}
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
}
}
.edit-knowledge-base__footer {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
margin-top: 3px;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10);
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
.footer__btn {
margin: 0 10px;
height: 30px;
min-width: 74px;
padding: 0 15px;
color: white;
CN-952 知识库对导入数据的增删改：导入数据的校验，问题的修改等
2023-04-11 15:38:47 +08:00
background-color: #699DC9;
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
border: none;
border-radius: 4px;
outline: none;
font-size: 14px;
cursor: pointer;
transition: background-color linear .2s, color linear .1s;
}
.footer__btn:hover:not(.footer__btn--disabled) {
CN-952 知识库对导入数据的增删改：导入数据的校验，问题的修改等
2023-04-11 15:38:47 +08:00
background-color: lighten(#699DC9, 10%);
CN-906 feat: 知识库列表、新增功能（细节体验待完善）
2023-03-02 20:37:21 +08:00
}
.footer__btn--light {
background-color: #F5F6F7;
border: 1px solid $--border-color-primary;
color: #333;
}
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
background-color: white;
border-color: lighten(#38ACD2, 40%);
color: #38ACD2;
}
.footer__btn--disabled {
opacity: .6;
cursor: default;
}
}
}
fix: 修复知识库新增编辑页的代码报警问题
2023-04-21 16:22:29 +08:00
.addTagBtn {
position: absolute;
bottom: 9px;
height:24px !important;
min-height: 24px !important;
font-size: 12px;
color: #353636;
font-weight: 500;
width: 598px;
margin-left: 10px;
background: rgb(245, 248, 250);
border: 1px #DEDEDE solid;
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
padding: 0 !important;
fix: 修复知识库新增编辑页的代码报警问题
2023-04-21 16:22:29 +08:00
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
border-radius: 2px;
font-family:NotoSansHans-Medium !important;
.add-tag-btn {
color: #575757 !important;
font-size: 9px !important;
margin: 0 8px 2px 8px;
}
&:hover {
i {
color: #699DC9 !important;
}
}
span {
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
font-family:NotoSansHans-Medium !important;
}
fix: 修复知识库新增编辑页的代码报警问题
2023-04-21 16:22:29 +08:00
}
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.del-model-hint {
display:flex;
flex-direction: column;
padding-bottom:0px !important;
width:480px !important;
height:300px !important;
.el-dialog__header{
display: flex;
flex-direction: row;
border-bottom:1px solid #eee;
height:42px;
min-height:42px;
background: #F7F7F7;
box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
padding-left:20px;
padding-top:14px;
padding-bottom:14px;
.el-dialog__headerbtn {
display: flex !important;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
font-size: 10px;
line-height: 10px;
padding-right: 5px !important;
i {
width:10px;
height:10px;
}
}
.el-dialog__title {
font-size: 14px !important;
color: #353636;
letter-spacing: 0;
font-weight: 400;
}
}
.el-dialog__body {
height:206px;
min-height:206px;
font-size: 14px;
color: #353636;
letter-spacing: 0;
line-height: 22px;
font-weight: 400;
padding-top:8px;
padding-right:20px;
padding-left:20px;
.dialog-message {
padding-left:0px !important;
padding-right:0px !important;
}
.dialog-table {
margin-top:10px;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #38ACD2;
border-color: #38ACD2;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #38ACD2;
border-color: #38ACD2;
}
}
.el-dialog__footer {
height:52px;
min-height:52px;
border-top:1px solid #eee;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
padding:11px 0 12px!important;
CN-971知识库列表改版
2023-04-26 23:46:23 +08:00
.el-button {
padding:8px 21px !important;
line-height: 12px;
//font-family: NotoSansHans-Medium !important;
font-size: 12px;
font-weight: 500;
min-height: 28px;
}
.el-button:nth-child(1) {
margin-right:20px;
width:80px;
height:28px;
color: #353636;
background: #F5F6F7;
border: 1px solid rgba(215,215,215,1);
border-radius: 2px;
}
.el-button:nth-child(2) {
width:80px;
height:28px;
margin-right:20px;
margin-left:0px !important;
background-color:#2d8cf0;
border-color:#2d8cf0;
}
}
CN-971 fix: 调整卡片布局为grid
2023-05-10 11:20:31 +08:00
}
Reference in New Issue Copy Permalink