@import './default.less';
@import '~choerodon-ui/lib/style/themes/default';

:root {
  --guide-space: 70px;
  --table-header-background: rgb(243, 246, 254);
  --table-cell-even-background: rgb(250, 250, 252);
  // 详情，比如issue详情
  --z-index-detail: 998;
  // 侧边，比如个人筛选
  --z-index-side: 901;
}

// 表格样式覆盖
.c7n-performance-table {
  border-top: none !important;
}

.c7n-performance-table-scrollbar-handle {
  background: rgba(15, 19, 88, 0.26) !important;
}

.c7n-performance-table-cell,
.c7n-performance-table-row {
  border-color: transparent !important;
}

.c7n-performance-table-cell-header {
  .c7n-performance-table-cell {
    background: var(--table-header-background) !important;
    color: rgb(15, 19, 88) !important;
    font-weight: 5 !important;
    line-height: 33px !important;
  }
}

.c7n-performance-table-body-row-wrapper {
  .c7n-performance-table-row:nth-child(even) {
    .c7n-performance-table-cell {
      background-color: var(--table-cell-even-background) !important;
    }
  }
}

.c7n-performance-table-body-info {
  color: #9EADBE;
  border-bottom: 1px solid #EEF4F9;
  margin-top: -17px !important;
  line-height: 29px !important;
}

.c7n-performance-table-scrollbar-horizontal {
  bottom: 0 !important;
}

.ant-table {
  .ant-table-header {
    .ant-table-cell {
      background: var(--table-header-background) !important;
      font-weight: 5 !important;
    }
  }

  .ant-table-body {
    .ant-table-row:nth-child(odd) {
      .ant-table-cell {
        background-color: var(--table-cell-even-background) !important;
      }
    }

    .ant-table-cell {
      border-color: rgb(238, 244, 249);
    }
  }
}


.hidden-label-mixin() {
  border-color: @input-label-borderColor;

  .c7n-input-label {
    color: @input-label-color;
    transform: none;
  }

  transform: none;
}

body:not([data-theme="theme4"]) {
  .c7n-pro-btn-icon-only {
    height: 0.3rem !important;
  }

  .c7n-pro-btn-icon-only.c7n-pro-btn-sm {
    height: 0.24rem !important;
  }
}



#agile {
  --theme: #5365EA; //这样可以在jsx中的style使用
  height: 100%;

  .c7n-pro-select > ul > li > input[type="text"] {
    // 解决在pro组件下拉框 游览器默认样式导致的字显示一半
    padding: 0;
    font-size: .13rem;
  }

  > div:first-child {
    width: 100%;
    height: 100%;
  }

  .text-overflow-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  // 选择框的样式，支持单选和多选
  .SelectTheme {
    min-width: .8rem;
    border-radius: .03rem;
    margin-right: .15rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;

    &:before {
      border: none !important;
    }

    // Select 下划线
    .c7n-select-underline {
      display: none;
    }

    // DropDown 菜单容器
    .c7n-spin-container,
    .c7n-spin-nested-loading {
      min-width: 1.7rem;
    }

    &:hover {
      background-color: @select-hover-bgColor;
    }

    &:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
      //设置径向渐变
      background-image: radial-gradient(circle, #666 10%, @input-label-borderColor 10.01%);
      background-repeat: no-repeat;
      background-position: 50%;
      transform: scale(10, 10);
      opacity: 0;
      transition: transform .3s, opacity .5s;
    }

    &:active:after {
      transform: scale(0, 0);
      opacity: .3;
      transition: 0s;
    }

    &.primary {
      .c7n-select-label {
        color: @primary-color;
      }

      .icon-arrow_drop_down {
        color: @primary-color;
      }
    }

    // antd Select 组件覆盖
    .c7n-select-selection {

      // cursor: pointer;
      padding: 0 0 .05rem .05rem;

      .c7n-select-label {
        margin-top: -.02rem;
      }

      .c7n-select-search.c7n-select-search--inline {
        display: none;
      }

      .c7n-select-selection__rendered {
        height: .24rem;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-top: .04rem;
        padding: 0 !important;

        ul > li {
          height: .23rem;
          margin-bottom: -.01rem;
        }

        // 单选多选内容框
        ul,
        .c7n-select-selection-selected-value {
          width: ~"calc(100% - 0.16rem)";
          overflow: hidden;
        }

        .c7n-select-selection__placeholder {
          white-space: nowrap;
          flex: 1;
          position: static !important;
        }

        .c7n-select-clear {
          flex-shrink: 0;
          position: static !important;
          margin-right: 15px;
          margin-left: 0;

          .c7n-ripple-wrapper {
            display: none;
          }
        }
      }
    }

    .c7n-select-selection--single {
      .c7n-select-selection__rendered {
        min-height: unset;
      }
    }

    &.c7n-select-multiple {
      .c7n-select-selection__rendered {
        min-height: .24rem;
        height: auto;
      }
    }

    &.c7n-select-allow-clear {
      .c7n-select-selection__rendered {

        ul,
        .c7n-select-selection-selected-value {
          width: ~"calc(100% - .40rem)" !important;
        }
      }
    }

    &.autoWidth {
      .c7n-select-selection-selected-value {
        width: auto !important;
      }

      .c7n-select-selection__rendered {
        padding-right: 20px !important;
      }
    }
  }

  .RangePickerTheme {
    .c7n-calendar-range-picker {
      &:hover {
        background-color: rgba(0, 0, 0, 0.04);
      }

      &:before {
        border: none;
      }

      .c7n-calendar-range-picker-separator {
        display: none;
      }

      .c7n-calendar-range-picker-input::placeholder {
        color: rgba(0, 0, 0, 0.6);
      }

      .c7n-calendar-range-picker-input:nth-of-type(1) {
        width: ~"calc(100% - 33px)";
        text-overflow: ellipsis;
        text-align: left;
      }

      .c7n-calendar-range-picker-input:nth-of-type(2) {
        display: none;
      }
    }
  }

  // 去掉搜索的文字上浮
  .c7n-select-dropdown-filter-input {
    .c7n-input-focused {
      .c7n-input-label-wrapper {
        border-color: @input-label-borderColor;

        .c7n-input-label {
          color: @input-label-color;
          transform: none;
        }

        transform: none;
      }
    }
  }

  .hidden-length-info {
    .c7n-input-length-info {
      display: none;
    }
  }

  .input-small {
    height: 20px;
    line-height: 20px;
    padding: 0;
  }

  // 修改
  .c7nagile-form {
    padding-bottom: .02rem;

    .c7n-form-item {
      margin-bottom: .12rem;
      // padding-top: .02rem;
      padding-bottom: .07rem;
    }
  }

  .c7n-input-focused {
    .hidden-label + .c7n-input-label-wrapper {
      .hidden-label-mixin;
    }
  }

  .c7n-table-filter-bar {

    // height: 0.33rem;
    .c7n-select-selection__placeholder {
      margin-top: 2px;
    }

    .c7n-select-clear {
      margin-top: 8px;
    }
  }

  .c7n-input-rendered-sm {
    input {
      height: 32px;
    }
  }



  .c7n-table-thead > tr > th:focus,
  .c7n-table-tbody > tr > td:focus {
    background-color: unset;
  }

  .primary {
    color: var(--primary-color);
  }
}

// 解决禁用时 选择框的样式的覆盖问题
.dropdown_SelectTheme {
  .c7n-checkbox-disabled .c7n-checkbox-inner {
    background-color: #f5f5f5;
  }
}

.c7n-pro-modal-container {
  .c7n-pro-select > ul > li > input[type="text"] {
    // 解决在pro组件下拉框 游览器默认样式导致的字显示一半
    padding: 0;
    font-size: .13rem;
  }
}

.hidden-label {

  // 去掉搜索的文字上浮
  .c7n-select-dropdown-filter-input {
    .c7n-input-focused {
      .c7n-input-label-wrapper {
        .hidden-label-mixin;
      }
    }
  }
}

.c7nagile-switchRadio {
  label {
    border: none !important;
  }

  .c7n-radio-button-wrapper {
    border: none;
    box-shadow: none;
    padding: 0 0.02rem;
  }

  .c7n-radio-button-wrapper:before {
    display: none !important;
  }
}

.c7n-modal-body {
  height: calc(100% - 1.21rem) !important;
}

.c7n-calendar {
  font-size: 16px !important;
}

.greyColor {
  color: var(--text-color3);
}



.c7n-agile-table-cell {}

.c7n-agile-table-cell-click {
  color: var(--table-click-color);
  cursor: pointer;
  vertical-align: top;

  &:hover {
    text-decoration: underline;
  }
}