.backlog-issue-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-left: 11px;
  padding-right: 8px;
  border-bottom: 1px solid $color-border;
  cursor: pointer;

  .item-name-edit {
    .item-name-edit-icon {
      display: none;
    }
    &:hover {
      .item-name-edit-icon {
        display: flex;
      }
    }
  }

  &:last-child {
    border-bottom: none;
  }

  &.draggable {
    cursor: grab;
  }

  .issue-info {
    display: flex;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    width: 0;
    overflow: auto;
  }

  .backlog-item-content {
    display: flex;
    flex: 1;
    align-items: center;
    overflow: hidden;
  }

  .backlog-item-info {
    justify-content: flex-end;

    .mw-60 {
      min-width: 60px;
    }

    .w80 {
      width: 80px;
    }
  }

  .op-icon {
    padding: 2px 4px;
    border-radius: $radius;

    i {
      margin-right: 0;
    }

    &:hover {
      background-color: $platinum;
    }
  }

  .issue-item-date-picker input {
    color: $color-default-6 !important;

    &::-webkit-input-placeholder {
      color: $color-default-6 !important;
    }
    &:-ms-input-placeholder {
      color: $color-default-6 !important;
    }
    &:-moz-placeholder {
      color: $color-default-6 !important;
      opacity: 1;
    }
    &::-moz-placeholder {
      color: $color-default-6 !important;
      opacity: 1;
    }
  }
}

.issue-item-member-selector {
  .results {
    padding: 4px 0;
    border: 0;

    &:hover {
      border: 0;
      box-shadow: unset;
    }
    .values,
    .value-item {
      width: 100%;
    }
  }
}

.issues-add-form .member-selector .values {
  width: 100%;

  .value-item {
    display: inline-flex;
    width: 100%;

    .ant-avatar {
      flex: none;
    }

    .member-selector-value-item {
      flex: 1;
      width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
