.double-data-card-box {
|
background: #ffffff;
|
background-position: center center;
|
background-repeat: no-repeat;
|
background-size: cover;
|
min-height: 20px;
|
overflow-y: auto;
|
|
.pickup-wrap {
|
float: right;
|
margin-bottom: 3px;
|
button {
|
margin-top: 3px;
|
}
|
}
|
.pickup-wrap + div {
|
clear: both;
|
}
|
.button-list + .pickup-wrap {
|
position: relative;
|
button {
|
position: absolute;
|
bottom: 0;
|
right: 0;
|
}
|
}
|
.data-zoom {
|
display: flex;
|
position: relative;
|
min-width: var(--mk-data-zoom-width, 100%);
|
.mk-disabled {
|
>.card-item-box {
|
cursor: not-allowed;
|
color: #bcbcbc;
|
.ant-mk-text, .anticon {
|
color: #bcbcbc!important;
|
span {
|
color: #bcbcbc!important;
|
}
|
}
|
}
|
}
|
}
|
.card-row-list {
|
flex: 10;
|
max-width: 100%;
|
}
|
.card-item-box {
|
position: relative;
|
background-color: #ffffff;
|
transition: all 0.3s;
|
background-position: center center;
|
background-repeat: no-repeat;
|
background-size: cover;
|
}
|
.card-row-list::after {
|
content: ' ';
|
display: block;
|
clear: both;
|
}
|
|
.ant-empty {
|
min-height: 100px;
|
padding-top: 15px;
|
|
.ant-empty-image {
|
height: 60px;
|
}
|
}
|
.loading-mask {
|
position: absolute;
|
left: 0px;
|
top: 0;
|
right: 0px;
|
bottom: 0px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
text-align: justify;
|
z-index: 1;
|
|
.ant-spin-blur {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
opacity: 0.5;
|
background: #ffffff;
|
}
|
}
|
.ant-pagination {
|
padding: 10px;
|
text-align: right;
|
}
|
.mk-more {
|
text-align: center;
|
line-height: 40px;
|
cursor: pointer;
|
.anticon-down {
|
margin-left: 2px;
|
}
|
}
|
.mk-more.disabled {
|
cursor: not-allowed;
|
color: #bcbcbc;
|
}
|
.mk-disabled {
|
.circle-select {
|
border-color: #e8e8e8!important;
|
cursor: not-allowed;
|
}
|
}
|
.circle-select {
|
position: relative;
|
display: none;
|
width: 16px;
|
height: 16px;
|
min-width: 16px;
|
border: 1px solid #cccccc;
|
border-radius: 50%;
|
box-sizing: content-box;
|
margin: auto;
|
margin-right: 5px;
|
background-color: #ffffff;
|
transition: border-color 0.2s;
|
cursor: pointer;
|
}
|
.circle-select::before {
|
position: relative;
|
top: 1px;
|
left: 6px;
|
content: ' ';
|
display: block;
|
width: 5px;
|
height: 11px;
|
border-style: solid;
|
border-width: 0 2px 2px 0;
|
border-color: #ffffff;
|
transform: rotate(45deg);
|
}
|
.data-zoom.check.square {
|
.circle-select {
|
border-radius: 0!important;
|
}
|
.circle-select.half::after {
|
border-radius: 0px;
|
}
|
}
|
.data-zoom.check {
|
.mk-card.active, .mk-card.selected {
|
.circle-select {
|
border-color: var(--mk-sys-color);
|
background: var(--mk-sys-color);
|
}
|
}
|
.circle-select.whole {
|
border-color: var(--mk-sys-color);
|
background: var(--mk-sys-color);
|
}
|
.circle-select.half {
|
border-color: var(--mk-sys-color);
|
}
|
.circle-select.half::before {
|
display: none;
|
}
|
.circle-select.half::after {
|
position: absolute;
|
top: 4px;
|
left: 4px;
|
content: ' ';
|
display: block;
|
border-radius: 8px;
|
width: 8px;
|
height: 8px;
|
background: var(--mk-sys-color);
|
}
|
.card-item-box {
|
display: flex;
|
}
|
.card-cell-list {
|
flex: 1;
|
}
|
.circle-select {
|
display: block;
|
}
|
.circle-select:hover {
|
border-color: var(--mk-sys-color);
|
}
|
>.card-row-list {
|
>.ant-col:not(.extend-card) {
|
.card-item-box:hover {
|
background-color: var(--mk-sys-color1);
|
}
|
}
|
}
|
.sub-card-wrap.mk-parity-bg {
|
.ant-col:nth-child(even){
|
.card-item-box:not(:hover) {
|
background-color: #fafafa;
|
}
|
}
|
}
|
}
|
.card-item-wrap {
|
.card-item-box {
|
>.anticon-up {
|
position: absolute;
|
right: 0px;
|
bottom: 0px;
|
padding: 10px;
|
transition: all 0.3s;
|
cursor: pointer;
|
z-index: 1;
|
}
|
>.anticon-up:not(.mk-disabled):hover, >.anticon-plus-square:not(.mk-disabled):hover, >.anticon-minus-square:not(.mk-disabled):hover {
|
color: var(--mk-sys-color);
|
}
|
>.anticon-up.mk-disabled {
|
color: #e8e8e8;
|
cursor: not-allowed;
|
transform: rotate(180deg);
|
}
|
>.anticon-up.mk-collapse {
|
transform: rotate(180deg);
|
}
|
>.anticon-plus-square {
|
margin: auto;
|
width: 30px;
|
font-size: 18px;
|
}
|
>.anticon-plus-square.mk-disabled {
|
color: #e8e8e8;
|
cursor: not-allowed;
|
}
|
>.anticon-minus-square {
|
margin: auto;
|
width: 30px;
|
font-size: 18px;
|
}
|
}
|
.sub-card-wrap::after {
|
content: ' ';
|
display: block;
|
clear: both;
|
}
|
.sub-card-wrap.mk-collapse {
|
height: 0;
|
overflow: hidden;
|
transition: height 0.3s;
|
}
|
}
|
.card-item-wrap.flex-card {
|
>.card-item-box:first-child {
|
display: flex;
|
.card-cell-list {
|
flex: 1;
|
}
|
}
|
}
|
.circle-select.mk-extend-icon {
|
margin-right: 35px;
|
}
|
|
.data-zoom:not(.check) {
|
.sub-card-wrap.mk-parity-bg {
|
.ant-col:nth-child(even){
|
.card-item-box {
|
background-color: #fafafa;
|
}
|
}
|
}
|
}
|
.data-zoom-box {
|
width: 100%;
|
overflow-x: auto;
|
overflow-y: auto;
|
border: 1px solid #e8e8e8;
|
border-radius: 4px;
|
|
.fix-height .card-row-list {
|
.extend-card:first-child {
|
position: sticky;
|
top: 0;
|
z-index: 1;
|
.card-item-box {
|
margin-top: 0!important;
|
margin-bottom: 0!important;
|
}
|
}
|
.extend-card:last-child:not(:only-child) {
|
position: sticky;
|
bottom: 0;
|
z-index: 1;
|
.card-item-box {
|
margin-top: 0!important;
|
margin-bottom: 0!important;
|
}
|
}
|
>div:last-child {
|
.sub-card-wrap {
|
>div:last-child {
|
.card-item-box {
|
border-bottom: none!important;
|
}
|
}
|
}
|
}
|
}
|
}
|
.data-zoom-box::-webkit-scrollbar {
|
height: 9px;
|
width: 7px;
|
}
|
.data-zoom-box::-webkit-scrollbar-thumb {
|
border-radius: 5px;
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
|
background: rgba(0, 0, 0, 0.13);
|
}
|
.data-zoom-box::-webkit-scrollbar-track {
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
border-radius: 3px;
|
border: 1px solid rgba(0, 0, 0, 0.07);
|
background: rgba(0, 0, 0, 0);
|
}
|
|
.ant-empty-image svg {
|
max-width: 100%;
|
}
|
}
|
.double-data-card-box.shifting {
|
.normal-header:not(.header-search) + .toolbar-button {
|
position: absolute;
|
top: 0px;
|
right: 0px;
|
z-index: 1;
|
button {
|
margin-bottom: 0px!important;
|
}
|
}
|
.normal-header:not(.header-search) + .toolbar-button + .pickup-wrap{
|
position: relative;
|
button {
|
position: relative;
|
}
|
}
|
}
|
.double-data-card-box::-webkit-scrollbar, .double-data-card-box .card-row-list::-webkit-scrollbar {
|
width: 7px;
|
height: 7px;
|
}
|
.double-data-card-box::-webkit-scrollbar-thumb, .double-data-card-box .card-row-list::-webkit-scrollbar-thumb {
|
border-radius: 5px;
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
|
background: rgba(0, 0, 0, 0.13);
|
}
|
.double-data-card-box::-webkit-scrollbar-track, .double-data-card-box .card-row-list::-webkit-scrollbar-track {
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
border-radius: 3px;
|
border: 1px solid rgba(0, 0, 0, 0.07);
|
background: rgba(0, 0, 0, 0);
|
}
|
