<commit_before>// Tooltip text color
$tooltip-color                       : white !default;
// Tooltip background color
$tooltip-bg                          : rgba(0,0,0,.9) !default;
$tooltip-opacity                     : .9 !default;
// Tooltip arrow color
$tooltip-arrow-color                 : $tooltip-bg !default;

@mixin tooltip-triangle {
  content    : '';
  background : transparent;
  width      : 0;
  height     : 0;
  position   : absolute;
}

.tooltip-triangle {
  @include tooltip-triangle
}
.tooltip-content {
  display : none !important;
}

.tooltip-actions {
  width: 245px;
}

.container-tooltip {
  display    : inline-block;
  position   : fixed;
  border: solid 1px lighten($link-color, 20);
  background: lighten($link-color,40);
  padding: 5px;
  // max-width  : 265px;
  z-index    : 1000;

  .btn.more-actions {
    border: none;
    background: $link-color;
    color: lighten($link-color,40);
    border-radius: 0;
  }

  &.copy-clipboard {
    text-align: center;
  }
  .tooltip-dot {
    // width: 245px;
  }

  &.top::after {
    @include tooltip-triangle;
    border-left  : 5px solid transparent;
    border-right : 5px solid transparent;
    border-top   : 5px solid $link-color;
    bottom       : -5px;
    left         : calc(50% - 5px);
  }
  &.bottom::after {
    @include tooltip-triangle;
    border-left   : 5px solid transparent;
    border-right  : 5px solid transparent;
    border-bottom : 5px solid lighten($link-color, 20);
    top           : -5px;;
    left          : calc(50% - 5px);
  }
  &.left::after {
    @include tooltip-triangle;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-right  : 5px solid $link-color;
    left          : -5px;
    top           : calc(50% - 5px);
  }
  &.right::after {
    @include tooltip-triangle;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-left   : 5px solid $link-color;
    right         : -5px;
    top           : calc(50% - 5px);
  }

  .more-actions {
    border     : 1px solid $primary-dark;
    color      : white;
    background : $primary-dark;

    &::hover {
      background: lighten($primary-dark, 15%);
    }

    .icon-chevron-down {
      transition: ease all 350ms;
    }

    &.open {
      .icon-chevron-down {
        transform: rotate(-180deg);
      }
    }
  }
  .tooltip-content-inner {
    padding: 5px;

    &.warning {
      font-size: 12px;
    }

    .dismiss {
      @include hand;
      height     : 100%;
      background : $primary-dark;
      margin     : -5px;
      padding    : 3px;
      border     : 1px solid $primary-dark;
      float      : right;

      & .icon-close {
        font-size: 8px;
      }
    }
  }


  .resource-actions {
    display: inline-block;
    position : absolute;
    top      : 0px;
    right    : 0px;
    height   : 100%;

    .more-actions {
      height: 100%;
    }
  }

  .display-name,
  .display-ip {
    width         : 190px;
    display       : inline-block;
  }

  .display-name {
    font-size     : 14px;
    font-weight   : 600;
    text-overflow : ellipsis;
    overflow      : hidden;
    float         : left;
  }

  .display-ip {
    font-size: 12px;
  }

  .bottom-row {
    float         : left;
    width         : 190px;
    font-size     : 12px;

    .col {
      @include clip;
      display : inline-block;
      width   : 50%;
      float   : left;
    }
  }

}

.tooltip-warning-container {
  background : $info;
  color      : white;
  cursor: pointer;
  position: relative;

  &.top::after {
    border-top   : 5px solid $info;
  }
  &.bottom::after {
    border-bottom : 5px solid $info;
  }
  &.left::after {
    border-right  : 5px solid $info;<commit_msg>tooltip style<commit_after>// Tooltip text color
$tooltip-color                       : white !default;
// Tooltip background color
$tooltip-bg                          : rgba(0,0,0,.9) !default;
$tooltip-opacity                     : .9 !default;
// Tooltip arrow color
$tooltip-arrow-color                 : $tooltip-bg !default;

@mixin tooltip-triangle {
  content    : '';
  background : transparent;
  width      : 0;
  height     : 0;
  position   : absolute;
}

.tooltip-triangle {
  @include tooltip-triangle
}
.tooltip-content {
  display : none !important;
}

.tooltip-actions {
  width: 245px;
}

.container-tooltip {
  display    : inline-block;
  position   : fixed;
  background: $link-color;
  padding: 5px;
  // max-width  : 265px;
  z-index    : 1000;
  color: $body-bg;

  .btn.more-actions {
    border: none;
    @extend .darken;
    border-radius: 0;
    color: $body-bg;
  }

  &.copy-clipboard {
    text-align: center;
  }
  .tooltip-dot {
    // width: 245px;
  }

  &.top::after {
    @include tooltip-triangle;
    border-left  : 5px solid transparent;
    border-right : 5px solid transparent;
    border-top   : 5px solid $link-color;
    bottom       : -5px;
    left         : calc(50% - 5px);
  }
  &.bottom::after {
    @include tooltip-triangle;
    border-left   : 5px solid transparent;
    border-right  : 5px solid transparent;
    border-bottom : 5px solid lighten($link-color, 20);
    top           : -5px;;
    left          : calc(50% - 5px);
  }
  &.left::after {
    @include tooltip-triangle;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-right  : 5px solid $link-color;
    left          : -5px;
    top           : calc(50% - 5px);
  }
  &.right::after {
    @include tooltip-triangle;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-left   : 5px solid $link-color;
    right         : -5px;
    top           : calc(50% - 5px);
  }

  .more-actions {
    border     : 1px solid $primary-dark;
    color      : white;
    background : $primary-dark;

    &::hover {
      background: lighten($primary-dark, 15%);
    }

    .icon-chevron-down {
      transition: ease all 350ms;
    }

    &.open {
      .icon-chevron-down {
        transform: rotate(-180deg);
      }
    }
  }
  .tooltip-content-inner {
    padding: 5px;

    &.warning {
      font-size: 12px;
    }

    .dismiss {
      @include hand;
      height     : 100%;
      background : $primary-dark;
      margin     : -5px;
      padding    : 3px;
      border     : 1px solid $primary-dark;
      float      : right;

      & .icon-close {
        font-size: 8px;
      }
    }
  }


  .resource-actions {
    display: inline-block;
    position : absolute;
    top      : 0px;
    right    : 0px;
    height   : 100%;

    .more-actions {
      height: 100%;
    }
  }

  .display-name,
  .display-ip {
    width         : 190px;
    // display       : inline-block;
  }

  .display-name {
    font-size     : 14px;
    font-weight   : 600;
    text-overflow : ellipsis;
    overflow      : hidden;
  }

  .display-ip {
    font-size: 12px;
    color: rgba($body-bg,.75);
  }

  .bottom-row {
    width         : 190px;
    font-size     : 12px;

    .col {
      @include clip;
      display : inline-block;
      width   : 50%;
      float   : left;
    }
  }

}

.tooltip-warning-container {
  background : $info;
  color      : white;
  cursor: pointer;
  position: relative;

  &.top::after {
    border-top   : 5px solid $info;
  }
  &.bottom::after {
    border-bottom : 5px solid $info;
  }
  &.left::after {
    border-right  : 5px solid $info;
{'fraction_non_alphanumeric': 0.12931034482758622, 'fraction_numerical': 0.027882543103448277, 'mean_word_length': 1.725770925110132, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7040134', 'n_tokens_mistral': 2735, 'n_tokens_neox': 2487, 'n_words': 553}