@import (css) '~ag-grid-community/styles/ag-grid.css';
@import (css) '~ag-grid-community/styles/ag-theme-material.css';
@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@table-prefix-cls: ~'@{fc-prefix}-table';
/** Table */
@table-font-weight-base: 400;
@table-font-weight-font: 600;
@table-font-weight-icon: 700;
@table-font-icon-size: @font-size-base + 2px;
@table-left-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@table-top-shadow: 0px -4px 6px 0px rgba(224, 225, 233, 0.6);
@table-no-padding: 0 0;
@table-font-family: Microsoft YaHei;
@table-pagination-margin: 1.25 * @unit;

.@{table-prefix-cls} {
  &-header {
    &-buttonsWrap {
      padding-top: 2 * @unit;
    }
    &-buttons {
      overflow: auto;
      width: calc(100% - 48px);
      margin-left: 24px;

      &-leftbtn {
        float: left;
        padding: @table-no-padding;

        &-button {
          margin-right: 1.5 * @unit;
        }

        &-wrap-button + .@{table-prefix-cls}-button {
          margin-left: 1.5 * @unit;
        }
      }

      &-rightbtn {
        float: right;
        padding: @table-no-padding;

        &-button {
          margin-left: 1.5 * @unit;
        }
      }
    }

    &-filterwrap {
      &-buttons {
        // overflow: auto; // 加了count后 不去掉这个属性会出现滚动条
        float: left;
        // margin-bottom: 1 * @unit;

        &-leftbtn {
          float: left;
          padding: @table-no-padding;

          &-button {
            margin-right: 1.5 * @unit;
          }

          &-wrap-button {
            margin-left: 1.5 * @unit;
          }
        }

        &-rightbtn {
          float: right;
          padding: @table-no-padding;

          &-button {
            margin-left: 1.5 * @unit;
          }
        }
      }

      &-rightButtons {
        float: left;
        margin-left: 1.5 * @unit;
      }
    }
  }
}