// scss-lint:disable NestingDepth

@import "constants";

#manage-repository-column {
  .dropdown-preview {
    align-items: center;
    background-color: $color-concrete;
    border: 1px solid $color-gainsboro;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 10px 100px 5px;
    position: relative;

    .field-name {
      color: $color-silver-chalice;
      left: 0;
      padding: 0 5px;
      position: absolute;
      top: 0;
    }

    .preview-block {
      flex-basis: 200px;
      position: relative;
    }
  }

  .limit-counter-container {
    @include font-small;
    bottom: 0;
    color: $color-silver-chalice;

    &.error-to-many-items {
      color: $brand-danger;
      display: inline;
    }
  }

  .too-many-items {
    border-color: $brand-danger;
  }
}

// scss-lint:disable NestingDepth

@import "constants";

#manage-repository-column {
  .dropdown-preview {
    align-items: center;
    background-color: $color-concrete;
    border: 1px solid $color-gainsboro;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 10px 100px 5px;
    position: relative;

    .field-name {
      color: $color-silver-chalice;
      left: 0;
      padding: 0 5px;
      position: absolute;
      top: 0;
    }

    .preview-block {
      flex-basis: 200px;
      position: relative;
    }

    .dropdown-selector-container {
      width: 200px;
    }
  }

  .limit-counter-container {
    @include font-small;
    bottom: 0;
    color: $color-silver-chalice;

    &.error-to-many-items {
      color: $brand-danger;
      display: inline;
    }
  }

  .too-many-items {
    border-color: $brand-danger;
  }
}

Set fixed width for preview dropdown
Set fixed width for preview dropdown
