CN-1551 feat: element-plus升级后样式调整
This commit is contained in:
chenjinsong
@@ -1,82 +0,0 @@
|
||||
.advanced-search {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 66px;
|
||||
|
||||
.el-input__suffix {
|
||||
right: 0;
|
||||
}
|
||||
&.advanced-search--show-list {
|
||||
max-height: 40px;
|
||||
|
||||
.el-input__inner {
|
||||
padding-right: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.el-input__inner {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #CECECE;
|
||||
border-radius: 2px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.search__suffixes, .search__suffixes--show-list {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
.search__suffix {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.search__suffixes {
|
||||
justify-content: space-evenly;
|
||||
width: 100px;
|
||||
|
||||
.search__suffix {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.cn-icon-search-advance {
|
||||
color: #A6AAAE;
|
||||
font-size: 20px;
|
||||
}
|
||||
.cn-icon-filter {
|
||||
color: #A6AAAE;
|
||||
font-size: 20px;
|
||||
}
|
||||
.el-icon-search {
|
||||
color: #3976CB;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search__suffixes--show-list {
|
||||
.search__suffix {
|
||||
padding: 0 12px;
|
||||
|
||||
&:last-of-type {
|
||||
background-color: $--color-primary;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.cn-icon-search-advance {
|
||||
color: #A6AAAE;
|
||||
font-size: 14px;
|
||||
}
|
||||
.cn-icon-filter {
|
||||
color: #A6AAAE;
|
||||
font-size: 14px;
|
||||
}
|
||||
.el-icon-search {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -73,6 +73,34 @@
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
.HintInfo {
|
||||
height: 280px;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
|
||||
ul {
|
||||
min-width: 300px;
|
||||
height:auto;
|
||||
width: fit-content;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.relative-item {
|
||||
text-indent: 1em;
|
||||
font-size: 14px !important;
|
||||
color: #575757;
|
||||
height: 24px;
|
||||
line-height: 24px !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #f0f5fa;
|
||||
color: #046ECA;
|
||||
}
|
||||
}
|
||||
.hint-clear {
|
||||
text-indent: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.detections {
|
||||
.tag-search, .CodeMirror {
|
||||
|
||||
@@ -66,48 +66,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.unshow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.list-page .top-tools .top-tool-btn {
|
||||
height: 33px;
|
||||
width: 36px;
|
||||
border: 1px solid #DEDEDE;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
background-color: #F9F9F9;
|
||||
transition: background-color linear .1s;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
|
||||
.list-page .top-tools .top-tool-btn--search{
|
||||
width:28px !important;
|
||||
height:28px !important;
|
||||
padding:unset !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
i {
|
||||
font-size: 14px;
|
||||
color: $--text-color-2;
|
||||
margin-right:unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
.list-page {
|
||||
.el-input--small{
|
||||
width: 214px !important;
|
||||
line-height: 27px;
|
||||
}
|
||||
.el-input--small .el-input__inner {
|
||||
height: 28px;
|
||||
border-radius: 2px 0px 0px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
// 自定义列
|
||||
.drag-list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0 !important;
|
||||
max-height: 358px !important;
|
||||
|
||||
@@ -3,11 +3,13 @@
|
||||
height: 18px;
|
||||
}
|
||||
.administration-container {
|
||||
height: calc(100% - 26px);
|
||||
height: calc(100% - 86px);
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
.list-page {
|
||||
.main-container {
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
.cn-pagination {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
@@ -80,9 +80,13 @@
|
||||
border: 1px solid #E2E5EC;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 1px;
|
||||
|
||||
.data-click:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-table__inner-wrapper {
|
||||
width: calc(100% + 2px);
|
||||
}
|
||||
.el-table__header {
|
||||
width:100% !important;
|
||||
}
|
||||
@@ -129,6 +133,9 @@
|
||||
.data-click:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-table__inner-wrapper {
|
||||
width: calc(100% + 2px);
|
||||
}
|
||||
.el-table__header {
|
||||
width:100% !important;
|
||||
}
|
||||
@@ -380,10 +387,10 @@
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.el-tabs__item{
|
||||
width:50%;
|
||||
text-align:center;
|
||||
padding:0px;
|
||||
height:30px;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
@@ -400,68 +407,13 @@
|
||||
border-left: 1px #E2E5EC solid !important;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item{
|
||||
border-bottom: 0px ;
|
||||
border-bottom: 0;
|
||||
border-top: 3px solid white;
|
||||
color: #353636;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border:0px ;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0px !important;
|
||||
/*height:375px;*/
|
||||
max-height: 358px !important;
|
||||
overflow:auto;
|
||||
margin:0 0;
|
||||
.drag-move {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.list-item {
|
||||
width:100%;
|
||||
color: #575757;
|
||||
margin-bottom: 0px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
font-weight:400;
|
||||
font-size:12px;
|
||||
|
||||
.icon-drag{
|
||||
cursor: move;
|
||||
margin-left:6px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #38ACD2;
|
||||
border-color: #38ACD2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #F2F7F9;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*top:0px !important;
|
||||
right:200px !important;
|
||||
transform: translateY(126px) !important;*/
|
||||
}
|
||||
.fixed-row {
|
||||
display:flex;
|
||||
|
||||
@@ -677,57 +677,43 @@
|
||||
}
|
||||
.list-mode__row {
|
||||
width: 100%;
|
||||
height:calc(100% - 102px);
|
||||
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-bottom:none;
|
||||
}
|
||||
.el-table--border th ,.el-table--border td {
|
||||
border-right: none;
|
||||
}
|
||||
height: calc(100% - 80px);
|
||||
margin-bottom: 0;
|
||||
|
||||
.el-table {
|
||||
&::after {
|
||||
width: 0;
|
||||
}
|
||||
height: 100%;
|
||||
width: calc(100% - 2px); // 防止出现横向滚动条
|
||||
border: 1px solid var(--el-table-border-color);
|
||||
border-bottom: none;
|
||||
|
||||
th {
|
||||
padding-top:6px;
|
||||
padding-bottom:6px;
|
||||
font-size:12px;
|
||||
line-height:12px;
|
||||
color: #353636;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
}
|
||||
td {
|
||||
padding-top:8px;
|
||||
padding-bottom:8px;
|
||||
font-size:12px;
|
||||
line-height:12px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #353636;
|
||||
font-weight: 400;
|
||||
}
|
||||
.cell {
|
||||
height: fit-content;
|
||||
/*max-height:64px;
|
||||
min-height:32px;*/
|
||||
line-height: 20px;
|
||||
|
||||
.reference-tag__show {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.reference-tag__group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.reference-tag {
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
@@ -737,19 +723,27 @@
|
||||
border-radius: 12px;
|
||||
margin-bottom: 8px;
|
||||
width: fit-content;
|
||||
min-width:fit-content;
|
||||
min-width: fit-content;
|
||||
}
|
||||
.reference-tag:last-of-type {
|
||||
margin-bottom:0px !important;
|
||||
margin-right:6px;
|
||||
margin-bottom: 0 !important;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
.reference-more {
|
||||
display:flex;
|
||||
flex-direction:column-reverse;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-switch {
|
||||
height: auto;
|
||||
--el-switch-on-color: #38ACD2;
|
||||
--el-switch-off-color: #C0CEDB;
|
||||
}
|
||||
.el-checkbox__input {
|
||||
--el-checkbox-checked-bg-color: #38ACD2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list-mode__card {
|
||||
@@ -958,10 +952,15 @@
|
||||
}
|
||||
}
|
||||
.knowledge-pagination {
|
||||
height:56px;
|
||||
width:100%;
|
||||
position: relative;
|
||||
height: 56px;
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
|
||||
|
||||
.el-pagination {
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user