@use 'share' as *;
@use 'variables' as *;

.fat-actions {
  $gap: getVar(table-actions-gap, 16px);
  display: flex;
  flex-wrap: nowrap;
  gap: 0 $gap;
  align-items: center;
  justify-content: center;

  &--left {
    justify-content: flex-start;
  }

  &--center {
    justify-content: center;
  }

  &--right {
    justify-content: flex-end;
  }

  &--empty {
    justify-content: center;
    color: $fat-color-gray-500;
  }

  &__btn {
    color: $fat-color-info;
    // 使用了 gap， button 本身的 margin-left 可以去掉
    margin-left: 0 !important;

    &:hover,
    &:focus {
      color: $fat-color-info;
    }

    &.danger {
      color: $fat-color-danger;
    }

    &.warning {
      color: $fat-color-warning;
    }
  }

  &__dropdown {
    vertical-align: middle;
  }

  &__menu &__menu-item--disabled {
    pointer-events: auto !important;
    cursor: not-allowed;
  }

  &__more {
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    line-height: 1;

    & > svg {
      width: 1.5em;
      height: 1.5em;
      fill: $fat-color-info;
      display: block;
    }
  }
}