.pro-tree-example-content {
  display: flex;
  align-items: center;
}

.pro-tree-example-content-title {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-tree-example-content-action {
  display: none;
}

.pro-tree-example-title {
  height: 100%;
  padding: 0 4px;
  display: flex;
  align-items: center;
}

.pro-tree-example-title-text {
  flex: 1;
  min-width: 0;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-tree-example-title-action {
  display: none;
}

.ant-tree .ant-tree-node-content-wrapper:hover {
  .pro-tree-example-title-action {
    display: block;
  }
  .pro-tree-example-content-action {
    display: block;
  }
}