condition-editor
Version:
78 lines (66 loc) • 1.32 kB
text/less
@prefix-cls: ce;
.@{prefix-cls}-condition-group {
position: relative;
// padding-right: 12px;
&-relation-wrap {
position: absolute;
left: 19px;
top: 0;
bottom: 0;
width: 72px;
}
&-line {
position: absolute;
top: 26px;
bottom: 26px;
right: 15px;
width: 15px;
border-radius: 5px 0 0 5px;
border: 1px solid var(--line-color);
border-right: none;
&::before {
position: absolute;
right: -6px;
top: -3px;
width: 6px;
height: 6px;
border-radius: 50%;
content: ' ';
border: 1px solid var(--line-color);
}
&::after {
position: absolute;
right: -6px;
bottom: -3px;
width: 6px;
height: 6px;
border-radius: 50%;
content: ' ';
border: 1px solid var(--line-color);
}
&:hover {
border-color: var(--line-hover-color);
&::before {
border-color: var(--line-hover-color);
}
&::after {
border-color: var(--line-hover-color);
}
}
}
&-relation {
position: absolute;
top: 50%;
margin-top: -15px;
}
&-content {
// display: flex;
// flex-direction: column;
// gap: 10px;
padding-left: 82px;
// padding-right: 10px;
}
&-single > &-content {
padding-left: 0;
}
}