// @import '../../../style/index.less';
@root-entry-name: 'default';
@import '~knowdesign/es/basic/style/themes/index';
@import '~knowdesign/es/basic/style/mixins/index';

.dd-indicator-drawer {
  @drawerItemH: 27px;
  @primary-color: #556ee6;

  &.contain-tab {
    .@{ant-prefix}-drawer-body {
      padding: 0 20px 20px 20px;
    }

    .@{ant-prefix}-layout-sider {
      height: ~'calc(100vh - 268px)';
    }

    .@{ant-prefix}-spin-container {
      height: ~'calc(100vh - 268px - 12px)';

      .@{ant-prefix}-table {
        height: ~'calc(100% - 36px)';
        overflow: auto;
      }
    }
  }

  .hide {
    display: none;
  }

  .@{ant-prefix}-drawer-body {
    padding: 24px 20px;

    .label-name {
      height: 34px;
      line-height: 34px;
      font-size: 13px;
      color: #495057;
    }
  }

  .@{ant-prefix}-spin-container {
    height: ~'calc(100vh - 218px - 12px)';

    .@{ant-prefix}-table {
      height: ~'calc(100% - 36px)';
      overflow: auto;
    }
  }

  .@{ant-prefix}-layout-sider {
    height: ~'calc(100vh - 218px)';
    overflow: auto;
  }

  .@{ant-prefix}-menu-overflow {

    // display: inline-flex;
    &::before,
    &::after {
      width: 0;
    }
  }

  .@{ant-prefix}-tree {
    padding: 20px;

    &.@{ant-prefix}-tree-directory {
      .@{ant-prefix}-tree-treenode {
        padding-right: 24px;

        &:not(.@{ant-prefix}-tree-treenode-switcher-open) {
          padding-right: 0;
        }

        &:not(.@{ant-prefix}-tree-treenode-switcher-close) {
          padding-right: 0;
        }

        &.@{ant-prefix}-tree-treenode-selected {
          &::before {
            background: transparent;
          }
        }

        height: 27px;

        &::before {
          bottom: 0;
        }

        .@{ant-prefix}-tree-switcher {
          position: absolute;
          right: 0;
          z-index: 8;
          line-height: @drawerItemH;
          color: #495057;

          .anticon {
            vertical-align: middle;
            font-size: 16px;
            transform: rotate(90deg);
          }

          &_close {
            .@{ant-prefix}-tree-switcher-icon svg {
              transform: rotate(-180deg);
            }
          }
        }

        .@{ant-prefix}-tree-node-content-wrapper {
          padding-left: 4px;
          width: 100%;
          height: @drawerItemH;
          line-height: @drawerItemH;
          min-height: @drawerItemH;
          font-weight: bold;
          color: #495057;

          &.@{ant-prefix}-tree-node-content-wrapper-normal {
            font-weight: normal;
            color: #74788d;

            .@{ant-prefix}-tree-title {
              width: ~'calc(100%)';
            }
          }

          &.@{ant-prefix}-tree-node-selected {
            color: @primary-color;
          }

          .@{ant-prefix}-tree-icon__customize {
            line-height: 22px;

            .anticon {
              vertical-align: middle;
              font-size: 16px;
            }
          }

          .@{ant-prefix}-tree-iconEle {
            width: auto;
            margin-right: 8px;
          }

          .@{ant-prefix}-tree-title {
            display: inline-block;
            width: ~'calc(100% - 24px)';
            overflow: hidden;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            &>span {
              padding-left: 3px;
            }
          }
        }
      }
    }
  }
}