@mixin tooltip-style {
  .ivu-tooltip {
    width: 100%;
    height: 100%;

    .ivu-tooltip-rel {
      display: block;
      height: 100%;
      text-align: center;
      @include utils-ellipsis;
    }
  }
}

@mixin action-grid-style {
  @include e(index) {
    width: 5%;
    text-align: center;
    @include utils-ellipsis;
  }
  @include e(user-task-name) {
    width: 10%;
    @include flex(row, center, center);
    @include tooltip-style;
  }
  @include e(author-name) {
    width: 15%;
    @include flex(row, center, center);
    @include tooltip-style;
  }
  @include e(author-org-name) {
    width: 10%;
    @include flex(row, center, center);
    @include tooltip-style;
  }
  @include e(author-dept-name) {
    width: 10%;
    @include flex(row, center, center);
    @include tooltip-style;
  }
  @include e(type) {
    width: 10%;
    text-align: center;
    @include utils-ellipsis;
  }
  @include e(last-time) {
    width: 15%;
    text-align: center;
    @include utils-ellipsis;
  }
  @include e(full-message) {
    width: 15%;
    text-align: center;
    @include utils-ellipsis;
  }
  @include e(arrow) {
    width: 10%;
    white-space: nowrap;
    cursor: pointer;
    @include flex(row, center, center);
  }
}

@include b(extend-action-grid) {
  @include b(extend-action-grid-header) {
    @include flex(row, flex-start, center);
    @include action-grid-style;

    height: 50px;
    background-color: #fafafa;
    border-bottom: 1px solid #e8eaec;
  }
  @include b(extend-action-grid-task) {
    @include flex(row, flex-start, center);
    @include action-grid-style;
    @include e(index) {
      > span {
        @include flex(row, center, center);

        width: 25px;
        height: 25px;
        margin: 0 auto;
        line-height: 25px;
        color: #fff;
        background-color: getCssVar('color', 'primary');
        border-radius: 50%;
      }
    }

    height: 50px;
  }

  @include b(extend-action-grid-comment) {
    @include flex(row, flex-start, center);
    @include action-grid-style;

    height: 50px;
  }

  @include b(extend-action-grid-identity-link) {
    @include flex(row, flex-start, center);
    @include action-grid-style;

    height: 50px;
  }
}
