.jnpf-tree {
|
background-color: var(--component-background);
|
|
&.remove-active-tree {
|
.ant-tree .ant-tree-treenode.ant-tree-treenode-selected {
|
background-color: var(--selected-hover-bg);
|
}
|
}
|
|
.ant-tree {
|
.ant-tree-treenode {
|
padding: 0;
|
|
&:hover {
|
background-color: var(--selected-hover-bg);
|
}
|
|
&.ant-tree-treenode-selected {
|
background-color: var(--tree-node-selected-bg);
|
}
|
}
|
|
.ant-tree-switcher {
|
line-height: 32px;
|
|
.ant-tree-switcher-icon {
|
vertical-align: 0.25em;
|
color: var(--text-color-quaternary);
|
}
|
}
|
|
.ant-tree-checkbox {
|
margin: 8px 8px 0 0;
|
margin-block-start: 0 !important;
|
}
|
|
.ant-tree-node-content-wrapper {
|
position: relative;
|
height: 32px;
|
line-height: 32px;
|
|
&:hover,
|
&.ant-tree-node-selected {
|
background-color: unset !important;
|
}
|
|
.ant-tree-title {
|
position: absolute;
|
left: 0;
|
width: 100%;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
}
|
|
&__title {
|
position: relative;
|
display: flex;
|
align-items: center;
|
width: 100%;
|
padding-right: 10px;
|
|
&:hover {
|
.jnpf-tree__action {
|
display: block;
|
}
|
|
.jnpf-tree__actions:not(:empty) + .jnpf-tree__extra {
|
display: none;
|
}
|
}
|
}
|
|
&__name {
|
flex: 1;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
&__content {
|
overflow: hidden;
|
}
|
|
&__extra {
|
display: block;
|
}
|
|
&__actions {
|
display: flex;
|
}
|
|
&__action {
|
display: none;
|
margin-left: 4px;
|
}
|
|
&-header {
|
border-bottom: 1px solid var(--border-color-base);
|
}
|
|
.ant-empty-normal {
|
padding: 32px 0;
|
margin: 0 !important;
|
}
|
}
|
