<commit_before>$hover-asset-row: #F2F2F3;
$s-asset-row-icon: 36px;
$s-asset-row: 52px;
$hover-transition: 0.3s opacity;

.asset-row {
  list-style-type: none;
  border-top: 1px solid $divider-color;
  padding: 6px 12px;
  white-space: nowrap;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  min-height: $s-asset-row;
  opacity: 1;
  position: relative;
  align-items: flex-start;

  &:hover {
    background: $hover-asset-row;
    // avoid displaying border over tooltip
     z-index: 1;
  }

  > .asset-row__cell {
    width: 100%;
    display: flex;
    align-items: center;

    > .asset-row__cell {
      min-width: 0;
      vertical-align: top;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &:last-child {
    border-top: 1px solid $divider-color;
  }

  &--deleting {
    opacity: 0.5;
  }

  &--deleted {
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    max-height: 0px;
    min-height: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
  }

  .asset-row__celllink--name {
    display: inline-block;
    width: 98%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    vertical-align: top;
    padding: 4px 0px;
  }

  .row-icon {
    vertical-align: middle;
    border: 1px solid $cool-green;
    font-size: 13px;
    color: $cool-green;
    width: $s-asset-row-icon;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-style: normal;

    &.block {
      color: white;
      background: $cool-green;
    }
  }

  .row-icon + .asset-row__celllink--name {
    width: calc(100% - 50px);
  }

  .asset-row__description {
    display: block;
    color: $cool-gray;
    font-size: 13px;
    max-width: 96%;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .asset-row__cell--tags {
    white-space: normal;
  }

  .asset-row__cell--date-created,
  .asset-row__cell--date-modified {
    font-size: 13px;
  }

  .asset-row__cell--submission-count,
  .asset-row__cell--row-count {
    text-align: right;
  }

  > .asset-row__buttons {
    position: absolute;
    top: ($s-asset-row - $s-asset-row-icon) * 0.5;
    right: 6px;
    width: auto;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    transition: $hover-transition;
  }

  .asset-row__action-icon {
    margin-left: 0px;
    font-weight: 400;
    color: $cool-gray;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;

    &:hover {
      background-color: transparent;
      color: $cool-blue;
    }

    &.asset-row__action-icon--view-collection i {
      @extend .k-icon, .k-icon-folder;
    }

    i:before {
      margin: 0px;
      font-size: $s-asset-row-icon;
    }
  }

  &--display-tags .asset-row__action-icon--tagsToggle {
    background-color: transparent;
    color: $cool-blue;
  }

  .asset-row__cell--asset-details > .asset-row__cell:not(:first-of-type) {
    opacity: 1;
    visibility: visible;
    transition: $hover-transition;
    // make them reappear moment after items in front of them starts to disappear
    transition-delay: 0.1s;
  }

  a.asset-row__celllink {
    color: lighten($black, 20%);
    display: block;
  }

  i.row-icon + a.asset-row__celllink {
    display: inline-block;
    width: calc(100% - 48px);
  }

  &:hover {
    > .asset-row__buttons {
      opacity: 1;
      visibility: visible;
      transition: $hover-transition;
      // make them appear moment after items behind starts to disappear
      transition-delay: 0.1s;
    }

    // hide all columns but first one
    .asset-row__cell--asset-details > .asset-row__cell:not(:first-of-type) {
      opacity: 0;
      visibility: hidden;
      transition: $hover-transition;
    }
<commit_msg>fixes after code review<commit_after>$hover-asset-row: #F2F2F3;
$hover-transition: 0.3s opacity;

.asset-row {
  list-style-type: none;
  border-top: 1px solid $divider-color;
  padding: 6px 12px;
  white-space: nowrap;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  min-height: 52px;
  opacity: 1;
  position: relative;
  align-items: flex-start;

  &:hover {
    background: $hover-asset-row;
    // avoid displaying border over tooltip
     z-index: 1;
  }

  > .asset-row__cell {
    width: 100%;
    display: flex;
    align-items: center;

    > .asset-row__cell {
      min-width: 0;
      vertical-align: top;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &:last-child {
    border-top: 1px solid $divider-color;
  }

  &--deleting {
    opacity: 0.5;
  }

  &--deleted {
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    max-height: 0px;
    min-height: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
  }

  .asset-row__celllink--name {
    display: inline-block;
    width: 98%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    vertical-align: top;
    padding: 4px 0px;
  }

  .row-icon {
    vertical-align: middle;
    border: 1px solid $cool-green;
    font-size: 13px;
    color: $cool-green;
    width: 36px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-style: normal;

    &.block {
      color: white;
      background: $cool-green;
    }
  }

  .row-icon + .asset-row__celllink--name {
    width: calc(100% - 50px);
  }

  .asset-row__description {
    display: block;
    color: $cool-gray;
    font-size: 13px;
    max-width: 96%;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .asset-row__cell--tags {
    white-space: normal;
  }

  .asset-row__cell--date-created,
  .asset-row__cell--date-modified {
    font-size: 13px;
  }

  .asset-row__cell--submission-count,
  .asset-row__cell--row-count {
    text-align: right;
  }

  > .asset-row__buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    width: auto;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    transition: $hover-transition;
    background: $hover-asset-row;
  }

  .asset-row__action-icon {
    margin-left: 0px;
    font-weight: 400;
    color: $cool-gray;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;

    &:hover {
      background-color: transparent;
      color: $cool-blue;
    }

    &.asset-row__action-icon--view-collection i {
      @extend .k-icon, .k-icon-folder;
    }

    i::before {
      margin: 0px;
      font-size: 36px;
    }
  }

  &--display-tags .asset-row__action-icon--tagsToggle {
    background-color: transparent;
    color: $cool-blue;
  }

  a.asset-row__celllink {
    color: lighten($black, 20%);
    display: block;
  }

  i.row-icon + a.asset-row__celllink {
    display: inline-block;
    width: calc(100% - 48px);
  }

  &:hover {
    > .asset-row__buttons {
      opacity: 1;
      visibility: visible;
      transition: $hover-transition;
      // make them appear moment after items behind starts to disappear
      transition-delay: 0.1s;
    }

{'fraction_non_alphanumeric': 0.13852261449028783, 'fraction_numerical': 0.022968949383241174, 'mean_word_length': 2.3242224316682374, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4927777', 'n_tokens_mistral': 2730, 'n_tokens_neox': 2526, 'n_words': 540}