tav-ui/theme-chalk/src/components/tree.less

Tav UI

@import "../var/index.less";
@prefix-cls-basic-tree: ~"@{namespace}-basic-tree";

.@{prefix-cls-basic-tree} {
  background-color: @component-background;

  .ant-tree-node-content-wrapper {
    position: relative;

    .ant-tree-title {
      position: absolute;
      left: 0;
      width: 100%;
    }
  }

  &-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 10px;

    &:hover {
      .@{prefix-cls}__action {
        visibility: visible;
      }
    }

    &__content {
      &--highlight {
        .highlight-keyword {
          background-color: #ff0;
        }
      }
    }
  }

  &__content {
    overflow: hidden;
  }

  &__actions {
    position: absolute;
    top: 2px;
    right: 3px;
    display: flex;
  }

  &__action {
    margin-left: 4px;
    visibility: hidden;
  }

  &.inline-layout-level {
    .ant-tree-list-holder-inner {
      display: block !important;

      .level---1 {
        display: inline-flex !important;

        .ant-tree-node-content-wrapper .ant-tree-title {
          position: relative !important; 
        }
      }
    }

  }
}