.el-tree {
|
position: static;
|
background: transparent;
|
.el-tree-node {
|
white-space: pre-wrap;
|
word-break: break-all;
|
|
.el-tree-node__content {
|
border: solid 2px #CCCCCC;
|
padding: 10px 10px 10px 20px;
|
border-radius: 10px;
|
color: #68737A;
|
justify-content: space-between;
|
flex-direction: row-reverse;
|
margin-bottom: 10px;
|
height: auto;
|
|
.el-tree-node__expand-icon {
|
@extend .pam-icon;
|
@extend .icon--primary;
|
|
&.expanded::before {
|
content: "\e900";
|
display: inline-block;
|
transform: rotate(90deg);
|
}
|
}
|
|
.el-tree-node__label {
|
@extend .mdTxt;
|
width: 85%;
|
display: block;
|
padding-left: 20px;
|
line-height: 27px;
|
word-wrap: break-word;
|
height: auto;
|
}
|
}
|
|
&.is-expanded > .el-tree-node__content {
|
background-color: #F68C96;
|
border: solid 2px #F68C96;
|
|
.el-tree-node__label,.el-tree-node__expand-icon {
|
color: $PRIMARY_WHITE;
|
}
|
}
|
|
.el-tree-node__children {
|
margin-bottom: 10px;
|
.el-tree-node {
|
.el-tree-node__content {
|
flex-direction: row;
|
border: 0px;
|
padding: 0 !important;
|
margin-bottom: 0;
|
|
.el-tree-node__expand-icon {
|
display: none;
|
}
|
|
.el-tree-node__label {
|
@extend .p;
|
line-height: 27px;
|
width: 100%;
|
font-weight: lighter;
|
padding-right: 10px;
|
// line-break: loose;
|
// display: flex;
|
// justify-content: space-between;
|
// text-align: justify;
|
// text-align-last: left;
|
// text-justify:inter-ideograph;
|
// word-break: break-all;
|
|
// &:after{
|
// display:inline-block;
|
// content:'';
|
// overflow:hidden;
|
// width:100%;
|
// height: 0;
|
|
// }
|
}
|
}
|
}
|
}
|
|
}
|
}
|
