@aplus-frontend/ui/theme/ap-form/search-form.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';
@import './ap-form-item.less';
@import './search-form-sorter.less';

.b(ap-form-search-form, {
  .ant-form-item {
    margin-bottom: @spacing;
  }
  .ant-form-item-control {
    .ant-picker {
      display: flex;
    }
    .ant-input-number {
      width: 100%;
    }
  }
  &__popover {
    .ant-form-item {
      margin-bottom: @spacing;
    }
    & .ant-popover-arrow {
      display: none;
    }

    & .ant-popover-inner {
      padding: 0;
    }
    &-content {
      padding: @spacing-lg @spacing-xl @spacing-xl;
      textarea {
        padding: 0;
      }
    }
    &-footer {
      padding: @spacing-lg @spacing-xl;
      &-confirm-btn {
        margin-left: 10px;
      }
      & button.ant-btn {
        padding-inline: @spacing-xl;
      }
    }
  }
  &-trigger-btn {
    font-size: 0px;
    &-active {
      color: var(--ap-hover-color-base);
      border-color: var(--ap-hover-color-base);
      z-index: 1;
    }
    &-badge {
      display: inline-block;
      padding: 2px;
      min-width: 14px;
      height: 14px;
      background-color: var(--ap-color-primary);
      font-size: 10px;
      line-height: 1;
      border-radius: 7px;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 1px #fff;
    }
  }
  &-column-setting-trigger-wrapper {
    flex-shrink: 0;
    .ant-btn:not(:only-child) {
      &:first-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        &:hover {
          z-index: 1;
        }
      }
      &:last-child {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        margin-left: -1px;
        &:hover {
          z-index: 1;
        }
      }
    }
    span.aplus-frontend-icon {
      line-height: 0px;
      vertical-align: -0.125em;
    }
  }
  &-action-btn {
    padding-inline: @spacing-lg;
  }
  &-action-btn-reset {
    background-color: var(--ap-color-bg);
  }
});