/* stylelint-disable selector-class-pattern */
// 覆盖 ant-design 的全局样式
@use '@/common/design' as *;
// webpack 输出css的顺序不固定，没法保证此css在antd的css后面加载。只能多加一层选择器覆盖
.sd-body {
  .ant-table-thead > tr > th {
    font-weight: $typography-title-font-weight;
  }

  // ------------ bug 修复 ----------------
  // 修复IE11下 滚动时header不固定的问题
  .ant-layout-header + .ant-layout {
    flex-basis: 0;
  }

  // 一级导航字体变大
  .ant-menu-inline.ant-menu-root {
    > .ant-menu-item,
    .ant-menu-submenu-title {
      /* stylelint-disable-next-line  */
      .anticon {
      }
    }
  }

  // 布局块的圆角
  .ant-col,
  .ant-card {
    border-radius: 2px;
  }
  .ant-card-body {
    padding: $padding-md;
  }

  // 树穿梭框，滚动条的处理
  .ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
    height: 100%;
    padding: 0;
    overflow: auto;
  }

  // 日期框清除图标错位问题
  .ant-calendar-picker-clear,
  .ant-calendar-picker-icon {
    width: $font-size-base;
    height: $font-size-base;
    line-height: $font-size-base;
  }
  // select清除框大小与日期框一致
  .ant-select-selection__clear {
    width: $font-size-base;
    height: $font-size-base;
    margin-top: -$font-size-base / 2;
    font-size: $font-size-base;
    line-height: $font-size-base;
  }

  // 表格空数据
  .ant-table-placeholder {
    margin-top: 0;
    border: none;
  }
  .ant-table-empty .ant-table-body {
    // antd 用了important，只能这样覆盖,恢复这段样式，考虑table所在容器异步出现滚动条的情况，容器宽度计算还是不准
    /* stylelint-disable-next-line  */
    overflow-x: hidden !important;
  }

  // 弹出框内部滚动
  .ant-modal {
    padding-bottom: 0;
  }
  .ant-modal-body {
    max-height: calc(100vh - 240px);
    overflow: auto;
  }

  // 修复左右穿梭按钮垂直对齐问题
  .ant-transfer-operation {
    .ant-btn {
      line-height: 0;
    }
  }

  // 数值、日期、时间框，不超出容器的宽度

  .ant-time-picker {
    max-width: 100%;
  }
  .ant-input-number:not(.sd-shrinking-input) {
    width: 100%;
  }
  .ant-calendar-picker {
    /* stylelint-disable-next-line */
    min-width: auto !important;
  }
}

// 自定义双色图标，1890ff替换回主题色
.anticon svg path[fill='#1890ff'] {
  fill: $primary-color;
}
