@import (reference) '~@/assets/style/extend.less';

.yo-query-bar {
  margin-bottom: @padding-md;
}

.yo-action-bar {
  display: flex;
  justify-content: space-between;

  margin-bottom: @padding-md;

  &--actions {

    >.ant-btn,
    >.ant-btn-group {

      +.ant-btn,
      +.ant-btn-group {
        margin-left: @padding-xs;
      }
    }
  }
}

.ant-table {
  background-color: @white;

  .yo-action-bar {
    margin-bottom: 0;
  }
}

.ant-table-small {
  >.ant-table-content {
    >.ant-table-body {
      margin: 0;

      >table {
        >.ant-table-thead {
          >tr {
            >th {
              background-color: @table-selected-row-bg;
            }
          }
        }
      }
    }
  }
}

.ant-table-thead {
  >tr {
    >th {
      font-weight: bold;
    }
  }
}

.yo-table {
  .border-right-none() {
    border-right-width: 0 !important;

    &:last-child {
      border-right-width: 1px !important;
    }
  }

  .ant-table-content {
    .ant-table-body {
      overflow-x: auto !important;

      >table {
        >.ant-table-thead {
          >tr {
            >th {
              .border-right-none();
            }
          }
        }

        >.ant-table-tbody {
          >tr {
            >td {
              .border-right-none();
            }
          }
        }
      }
    }

    .ant-table-fixed-left {
      .ant-table-thead {
        >tr {
          >th {
            border-right-width: 0 !important;
          }
        }
      }

      .ant-table-tbody {
        >tr {
          >td {
            border-right-width: 0 !important;
          }
        }
      }
    }

    .ant-table-fixed-right {
      .ant-table-fixed {
        border-left-width: 0 !important;
      }

      .ant-table-thead {
        >tr {
          >th {
            .border-right-none();
          }
        }
      }

      .ant-table-tbody {
        >tr {
          >td {
            .border-right-none();
          }
        }
      }
    }
  }
}

.yo-table-actions {
  display: inline-block;

  vertical-align: middle;

  &--inner {
    display: flex;
    align-items: center;

    height: 18px;

  }
}

.yo-table--column-setting {
  width: 240px;

  .ant-dropdown-menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .anticon-pushpin {
    color: darken(@white, 40%);
    transition: @animation-duration-slow;
    transform: rotate(45deg);
  }

  .yo-table--fixed {
    transform: rotate(-45deg);
  }
}