@use 'sass:math';

.table.table-sortable {
  thead > tr > th.sort {
    cursor: pointer;

    &:hover {
      color: $dark;
      background-color: rgba($primary, $table-striped-bg-factor);
      // border-color: $light;
    }
  }

  tbody > tr > td {
    filename {
      .ellipsis-wrapper {
        white-space: nowrap;
        width: 100%;

        .text-ellipsis {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 94px;
          display: inline-block;
          vertical-align: top;
        }
      }

      @each $breakpoint in map-keys($grid-breakpoints) {
        $min: breakpoint-min($breakpoint, $grid-breakpoints);

        @if $min {
          @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
            .ellipsis-wrapper {
              .text-ellipsis {
                max-width: math.div($min, 2.57);
              }
            }
          }
        }
      }
    }
  }
}