@import "../../../../webapp-common/shared/ui-components/styles/variables";

:host {
  .first {
    display: block;
    padding-left: 44px;
  }
  hr {
    margin: 0 !important;
  }
  ::ng-deep .copy-btn .selected {
    background-color: $purple;
    .light-color {
      color: $blue-100;
    }
    &:hover {
      background-color: $lightish-blue-dark;
    }
    border: none;
  }
}

.queues-container {
  width: 100%;
  height: 100%;
}

.table-cell {
  font-size: 13px;
}

.id-cell {
  align-items: center;

  .value {
    flex: 1;
    line-height: 32px;
    padding-left: 10px;
    &.first {
      padding-left: 42px;
    }
  }

  .queue-name {
    flex: 1;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .copy-btn {
    min-width: 30px;
    margin-left: 5px;
    display: none;
  }

  &:hover {
    .copy-btn {
      display: inline-block;
    }
  }
}
