amis/scss/components/form/_tree.scss

119 lines
2.2 KiB
SCSS

// todo
.#{$ns}TreeControl {
border: 1px solid $Form-input-borderColor;
padding: 6px 12px;
border-radius: 2px;
max-height: 300px;
overflow: auto;
&.h-full {
max-height: none;
}
&.no-border {
border: 0;
}
}
.#{$ns}Tree {
&-list,
&-sublist {
list-style: none;
padding: 0;
margin: 0;
}
&-sublist {
padding-left: $Tree-indent;
&.is-folded {
display: none;
}
}
&-item {
line-height: px2rem(30px);
position: relative;
> a {
color: inherit;
&:hover {
text-decoration: none;
}
}
&--isLeaf > a {
padding-left: $Tree-itemArrowWidth + $gap-xs;
}
}
&-rootItem > a > i {
margin-left: 0 !important;
}
&-itemArrow {
cursor: pointer;
width: $Tree-itemArrowWidth;
margin-right: $gap-xs;
display: inline-block;
&:before {
font-style: normal;
font-family: $Tree-arrowVendor;
content: $Tree-unfoldedArrowContent;
}
&.is-folded:before {
content: $Tree-foldedArrowContent;
}
}
&-itemIcon {
display: inline-block;
margin-right: $gap-xs;
}
&-rootIcon {
&:before {
font-style: normal;
font-family: $Tree-rootIconVendor;
content: $Tree-rootIconContent;
}
}
&-leafIcon {
&:before {
font-style: normal;
font-family: $Tree-leafIconVendor;
content: $Tree-leafIconContent;
}
}
&-folderIcon {
&:before {
font-style: normal;
font-family: $Tree-folderIconVendor;
content: $Tree-folderIconContent;
}
}
&-itemText {
user-select: none;
cursor: pointer;
&.is-checked,
&.is-children-checked {
color: $Tree-itemText--onChecked-color;
}
&.is-disabled {
color: $text--muted-color;
}
}
&-placeholder {
color: $text--muted-color;
}
}