yyzone
Version:
yyzone vue components and utils
73 lines (72 loc) • 2.01 kB
text/less
.yy-tree-drag-placeholder {
width: 100%;
border-bottom: 2px solid #F0F3F9;
display: none;
float: right;
}
.yy-tree-node {
box-sizing: border-box;
width: 100%;
font-size: 12px;
&-content-wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
.yy-tree-expand-btn {
width: 13px;
height: 13px;
padding-left: 11px;
margin-right: 8px;
position: relative;
flex-shrink: 0;
&-inner {
width: 12px;
height: 12px;
border: 1px solid transparent;
position: relative;
&.has-children {
border-color: #ccc;
border-radius: 2px;
&::before, &::after {
content: "";
display: block;
background-color: #505766;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&::before {
width: 6px;
height: 2px;
}
&::after {
height: 6px;
width: 2px;
}
&.expanded::after {
display: none;
}
}
}
}
}
&-content {
flex: 1;
color: #333;
/deep/ .yy-tree-node-label {
cursor: pointer;
padding: 3px 6px;
border-radius: 4px;
&:hover, &.dragging-inner {
background-color: #F0F3F9;
}
&.checked {
background-color: #FFF5E2;
}
}
}
}