@bic-fe/mds-ui
Version:
A set of enterprise-class Vue UI components.
102 lines (101 loc) • 2.33 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.mds-transfer {
display: flex;
align-items: center;
}
.mds-transfer-buttons {
margin: 0 20px;
}
.mds-transfer-button-item {
margin: 10px 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.mds-transfer-panel {
width: 200px;
height: 331px;
border: 1px solid #f0f2f5;
overflow: hidden;
}
.mds-transfer-panel-header {
width: 198px;
height: 40px;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 8px 0 12px;
border-bottom: 1px solid #f0f2f5;
}
.mds-transfer-panel-body {
width: 100%;
height: 290px;
overflow-y: auto;
overflow-x: hidden;
}
.mds-transfer-panel-body .mds-checkbox-wrapper {
margin-left: 0;
padding-left: 12px;
display: flex;
align-items: center;
width: 196px;
height: 32px;
background: #ffffff;
border-radius: 2px;
}
.mds-transfer-panel-body .mds-checkbox-wrapper:hover {
background-color: rgba(0, 0, 0, 0.02);
}
.mds-transfer-panel-body .mds-transfer-checked {
margin-right: 0;
background-color: #EEF8FF;
}
.mds-transfer-panel-body .mds-transfer-checked:hover {
background-color: #EEF8FF;
}
.mds-transfer-panel-body-item {
padding-left: 12px;
display: flex;
align-items: center;
width: 184px;
height: 32px;
background: #ffffff;
border-radius: 2px;
}
.mds-transfer-panel-body-item-disabled {
padding-left: 12px;
background: rgba(0, 0, 0, 0.02);
font-size: 14px;
color: #d8dce6;
line-height: 32px;
}
.mds-transfer-panel-body-item:hover {
background: rgba(0, 0, 0, 0.02);
}
.mds-transfer-panel__empty {
margin: 0;
height: 30px;
line-height: 30px;
padding: 6px 15px 0;
color: #909399;
text-align: center;
}
.mds-transfer-panel__filter__box {
position: relative;
display: block;
padding: 12px;
box-sizing: border-box;
}
.mds-transfer-checked {
margin-right: 0;
background-color: #EEF8FF;
}
.mds-transfer-checked:hover {
background-color: #EEF8FF;
}
.mds-transfer-disabled span {
color: #D8DCE6;
}