<commit_before>#details-view-container,
#event-view-container {
  background-color: transparent !important;

  .header {
    position: fixed;
    z-index: 10;
    top: @map-control-sm-margin;
    left: 8px;
    right: 8px;
    .transition(top 0.3s);
  }

  .back-button {
    position: relative;
    display: block;
    color: @text-color;
    background-color: @blue-lighter;
    margin-bottom: @sidebar-small-margin;
    padding: 8px 0 8px 40px;
    border-radius: @main-border-radius;
    .icon-icon-back {
      position: absolute;
      left: 12px;
      top: 5px;
    }
  }

  .mobile-header {
    position: relative;
    padding: 0 12px;
    box-sizing: border-box;
    background-color: @white;

    .header-content {
      position: relative;
      margin-bottom: -1px;
      padding: 12px 0;
      border-bottom: 1px solid #ccc;

      canvas {
        top: 16px;
      }
    }
  }

  .mobile-header,
  .content .main-info .collapser,
  .content .main-info .header {
    .icon-icon-events {
      font-size: 34px;
      margin-top: 4px;
      color: @blue;
      position: absolute;
    }

    canvas {
      position: absolute;
      width: 36px;
      height: 32px;
      left: -6px;
      top: 10px;
    }

    .icon-icon-close {
      float: right;
      cursor: pointer;
      color: @gray;
      font-size: 20px;
    }

    h2 {
      margin: 0;
      padding-left: 42px; // Space for the calendar icon.
      padding-right: 22px; // Space for the collapse icon.
      font-size: 19px;
      min-height: 42px;
      line-height: 42px;
      span {
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }

  .content {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; // Makes iOS use momentum scrolling.
    margin-top: 18px;

    .map-active-area {
      height: 300px;
      width: 100%;
    }

    .image-wrapper {
      position: relative;
    }

    .details-image {
      width: 100%;
      margin-bottom: @sidebar-small-margin;
      border-radius: @main-border-radius;
    }

    .details-image-caption {
      font-size: 60%;
      position: absolute;
      bottom: 0px;
      left: 0px;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      letter-spacing: 1px;
      text-shadow: 1px 1px black;
    }

    #route-navigation {
      span {
        margin-right: 10px;
        display: inline-block;
      }<commit_msg>Fix mobile details view map click events on IE<commit_after>#details-view-container,
#event-view-container {
  background-color: transparent !important;

  .header {
    position: fixed;
    z-index: 10;
    top: @map-control-sm-margin;
    left: 8px;
    right: 8px;
    .transition(top 0.3s);
  }

  .back-button {
    position: relative;
    display: block;
    color: @text-color;
    background-color: @blue-lighter;
    margin-bottom: @sidebar-small-margin;
    padding: 8px 0 8px 40px;
    border-radius: @main-border-radius;
    .icon-icon-back {
      position: absolute;
      left: 12px;
      top: 5px;
    }
  }

  .mobile-header {
    position: relative;
    padding: 0 12px;
    box-sizing: border-box;
    background-color: @white;

    .header-content {
      position: relative;
      margin-bottom: -1px;
      padding: 12px 0;
      border-bottom: 1px solid #ccc;

      canvas {
        top: 16px;
      }
    }
  }

  .mobile-header,
  .content .main-info .collapser,
  .content .main-info .header {
    .icon-icon-events {
      font-size: 34px;
      margin-top: 4px;
      color: @blue;
      position: absolute;
    }

    canvas {
      position: absolute;
      width: 36px;
      height: 32px;
      left: -6px;
      top: 10px;
    }

    .icon-icon-close {
      float: right;
      cursor: pointer;
      color: @gray;
      font-size: 20px;
    }

    h2 {
      margin: 0;
      padding-left: 42px; // Space for the calendar icon.
      padding-right: 22px; // Space for the collapse icon.
      font-size: 19px;
      min-height: 42px;
      line-height: 42px;
      span {
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }

  .content {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; // Makes iOS use momentum scrolling.
    margin-top: 18px;

    .map-active-area {
      height: 300px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0); // Needed for the click events to work on IE.
    }

    .image-wrapper {
      position: relative;
    }

    .details-image {
      width: 100%;
      margin-bottom: @sidebar-small-margin;
      border-radius: @main-border-radius;
    }

    .details-image-caption {
      font-size: 60%;
      position: absolute;
      bottom: 0px;
      left: 0px;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      letter-spacing: 1px;
      text-shadow: 1px 1px black;
    }

    #route-navigation {
      span {
        margin-right: 10px;
        display: inline-block;
      }
{'fraction_non_alphanumeric': 0.12262114969589955, 'fraction_numerical': 0.031783402001177165, 'mean_word_length': 1.8448660714285714, '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': '6570499', 'n_tokens_mistral': 1896, 'n_tokens_neox': 1699, 'n_words': 406}