<commit_before>#fittable .table .events .event {

  .detail {
    visibility: hidden;
    background: white;
    clear: both;
    min-height: 0;
    margin: 0px -10px 0px -10px;
    height: 0;
    color: #222;
    width: inherit;
    opacity: 0;
    overflow: hidden;

    $value-font-size: 15px;

    button {
      @extend %btn-link;
    }

    .prop-section {

      &:not(.teachers) {
        margin-bottom: 13px;
        padding-bottom: 13px;
        border-bottom: 1px solid #ddd;
      }
    }

    .prop-title {
      color: $dark-secondary-text-color;
      text-transform: lowercase;
    }

    .basic-props {
      .type-num {
        color: $dark-secondary-text-color;
      }

      .name {
        font-size: 15px;
      }

      .location button {
        color: $body-font-color;

        i.fa {
          margin-right: 3px;
        }

        &:hover {
          opacity: .7;
        }
      }
    }

    .exceptions {
      .reveal {
        color: $body-font-color;

        i.fa {
          margin-right: 5px;
        }

        i.fa.ex-icon {
          color: #cd8f47;
        }

        &:hover {
          opacity: .7;
        }
      }
    }

    .num-props {
      position: relative;
      min-height: 50px;

      .num-prop {
        float: none !important;
        top: 0;

        .value {
          font-size: $value-font-size;
        }

        &.left {
          width: 33%;
          position: absolute;
          left: 0;
        }

        &.center {
          width: 33%;
          margin: auto;
          text-align: center;
        }

        &.right {
          width: 33%;
          position: absolute;
          right: 0;
          text-align: right;
        }
      }
    }

    .teachers {

      .reveal {
        color: $body-font-color;
        font-size: $value-font-size;
        margin-left: 32px;

        i.fa {
          margin-right: 8px;
        }

        i.fa:first-of-type {
          margin-left: -32px;
        }

        &:hover {
          opacity: .7;
        }
      }

      .hideable {
        margin: 3px 0px 7px 34px;
      }
    }
  }

  @keyframes open {
    from {
      transform: scaleX(.75) scaleY(.25);
    }

    to {
      transform: scale(1);
    }
  }

  &.is-opened {
    width: 300px !important;
    height: auto !important;
    z-index: 999;
    overflow: hidden;
    animation: open $events-move-anim-speed ease-out;

    .detail {
      visibility: visible;
      opacity: 1;
      min-height: 180px;
      height: auto;
      margin: 10px -10px 5px -10px;
      padding: 20px;
    }

    .type {
      display: none;
    }
  }
}<commit_msg>Finetune the eventdetail opening animation<commit_after>#fittable .table .events .event {

  .detail {
    visibility: hidden;
    background: white;
    clear: both;
    min-height: 0;
    margin: 0px -10px 0px -10px;
    height: 0;
    color: #222;
    width: inherit;
    opacity: 0;
    overflow: hidden;

    $value-font-size: 15px;

    button {
      @extend %btn-link;
    }

    .prop-section {

      &:not(.teachers) {
        margin-bottom: 13px;
        padding-bottom: 13px;
        border-bottom: 1px solid #ddd;
      }
    }

    .prop-title {
      color: $dark-secondary-text-color;
      text-transform: lowercase;
    }

    .basic-props {
      .type-num {
        color: $dark-secondary-text-color;
      }

      .name {
        font-size: 15px;
      }

      .location button {
        color: $body-font-color;

        i.fa {
          margin-right: 3px;
        }

        &:hover {
          opacity: .7;
        }
      }
    }

    .exceptions {
      .reveal {
        color: $body-font-color;

        i.fa {
          margin-right: 5px;
        }

        i.fa.ex-icon {
          color: #cd8f47;
        }

        &:hover {
          opacity: .7;
        }
      }
    }

    .num-props {
      position: relative;
      min-height: 50px;

      .num-prop {
        float: none !important;
        top: 0;

        .value {
          font-size: $value-font-size;
        }

        &.left {
          width: 33%;
          position: absolute;
          left: 0;
        }

        &.center {
          width: 33%;
          margin: auto;
          text-align: center;
        }

        &.right {
          width: 33%;
          position: absolute;
          right: 0;
          text-align: right;
        }
      }
    }

    .teachers {

      .reveal {
        color: $body-font-color;
        font-size: $value-font-size;
        margin-left: 32px;

        i.fa {
          margin-right: 8px;
        }

        i.fa:first-of-type {
          margin-left: -32px;
        }

        &:hover {
          opacity: .7;
        }
      }

      .hideable {
        margin: 3px 0px 7px 34px;
      }
    }
  }

  @keyframes open {
    0% {
      transform: scaleX(1) scaleY(.25);
    }

    100% {
      transform: scale(1);
    }
  }

  &.is-opened {
    width: 300px !important;
    height: auto !important;
    z-index: 999;
    overflow: hidden;
    animation: open $events-move-anim-speed ease-out;

    .detail {
      visibility: visible;
      opacity: 1;
      min-height: 180px;
      height: auto;
      margin: 10px -10px 5px -10px;
      padding: 20px;
    }

    .type {
      display: none;
    }
  }
}
{'fraction_non_alphanumeric': 0.12563956793632747, 'fraction_numerical': 0.028614743225317416, 'mean_word_length': 1.1882255389718077, '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': '2886456', 'n_tokens_mistral': 1954, 'n_tokens_neox': 1756, 'n_words': 366}