fx-form-widget
Version:
73 lines (70 loc) • 1.12 kB
text/less
@prefix-cls: select-tree;
.@{prefix-cls} {
display: flex;
.@{prefix-cls}-wrapper {
padding-right: 14px;
border-right: 1px solid #eee;
}
&-input {
margin-bottom: 14px;
}
&-list-wrapper {
margin-left: 24px;
width: 200px;
}
&-title {
height: 32px;
line-height: 32px;
color: #4c4c4c;
}
&-list {
overflow: auto;
margin-top: 24px;
padding-right: 20px;
max-height: 375px;
&-item {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 14px;
&:last-child {
margin-bottom: 0;
}
&-title {
display: flex;
flex: 1;
.title {
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.closeIcon {
width: 12px;
font-size: 12px;
}
}
}
.employee-or-department-is-checked {
display: flex;
align-items: center;
margin-bottom: 14px;
color: #4c4c4c;
.checked-tree-node {
flex: 1;
}
.checked-icon {
margin-left: 24px;
}
&:last-child {
margin-bottom: 0;
}
}
.checked {
margin-bottom: 24px;
.checked-title {
font-weight: 500;
}
}
}