react-json-schema-editor-antd/dist/components/SchemaRefTree/index.less

Json Schema Editor

.schema-ref-modal-wrapper {
  width: 100%;

  .ant-tree .ant-tree-node-content-wrapper,
  .ant-tree .ant-tree-switcher {
    line-height: 30px;
  }

  .ant-tree .ant-tree-node-content-wrapper {
    padding-left: 0;
    width: 14px;
  }

  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: var(--color-bg-folder-hover);
  }

  .tree-panel {
    margin-top: 12px;
    min-height: 360px;
    max-height: 360px;
    background-color: transparent;

    .apipost-tree-node-selected {
      /* color: red; */
      background-color: var(--color-bg-folder-hover);
    }

    .model-node-item {
      display: flex;
      flex-direction: row;

      &.active {
        background-color: var(--color-bg-folder-hover);
      }

      .icon-panel {
        padding: 0 5px;

        .icon-model {
          padding: 0 3px 0 8px;
          color: #30d4ad;
        }
      }

      .node-text {
        flex: 1;
        width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  .empty-list {
    margin-top: 12px;
    height: 404px;
    text-align: center;
    box-sizing: border-box;
  }
}