<commit_before>//
// Popovers
// --------------------------------------------------
@popover-padding-vertical: 18px;
@popover-padding-horizontal: 24px;

.popover {
  top: 0;
  left: 0;
  z-index: @zindex-popover;
  display: none;
  width: @popover-max-width;
  padding: @popover-padding-vertical @popover-padding-horizontal;
  // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
  // So reset our font and text properties to avoid inheriting weird values.
  .reset-text();
  font-size: @font-size-small;

  background-color: @popover-bg;
  background-clip: padding-box;
  border: 1px solid @popover-fallback-border-color;
  border: 1px solid @popover-border-color;
  border-radius: @border-radius-large;
  .box-shadow(0px 20px 66px 0px rgba(34,48,73,.2));

  position: absolute;


  &.animate {
    transition: transform .25s;
  }
  &.scale-down {
    transform: scale(0);
  }

  // Offset the popover to account for the popover arrow
  &.top {
    margin-top: -@popover-arrow-width;
    transform-origin: 50% 100%;
  }
  &.right {
    margin-left: @popover-arrow-width;
    transform-origin: 0% 50%;
  }
  &.bottom {
    margin-top: @popover-arrow-width;
    transform-origin: 50% 0%;
  }
  &.left {
    margin-left: -@popover-arrow-width;
    transform-origin: 100% 50%;
  }

  &.left-top  {
    margin-left: -@popover-arrow-width;
    transform-origin: 100% 29px;
  }
  &.right-top {
    margin-left: @popover-arrow-width;
    transform-origin: 0% 29px;
  }

  .arrow-pointer(@popover-arrow-width);

  &.top:before {
    top: auto;
    bottom: (@popover-arrow-width / -2);
    left: 50%;
    margin-left: (@popover-arrow-width / -2);
  }
  &.bottom:before {
    top: (@popover-arrow-width / -2);
    bottom: auto;
    left: 50%;
    margin-left: (@popover-arrow-width / -2);
  }
  &.right:before {
    top: 50%;
    margin-top: (@popover-arrow-width / -2);
    left: (@popover-arrow-width / -2);
  }
  &.left:before {
    top: 50%;
    margin-top: (@popover-arrow-width / -2);
    left: auto;
    right: (@popover-arrow-width / -2);
  }
  &.left-top:before {
    top: 29px;
    margin-top: (@popover-arrow-width / -2);
    left: auto;
    right: (@popover-arrow-width / -2);
  }
  &.right-top:before {
    top: 29px;
    margin-top: (@popover-arrow-width / -2);
    left: (@popover-arrow-width / -2);
  }

  img,
  .popover-image {
    width: 100%;
    margin: 8px 0;
  }
}

.popover-title {
  margin: 0; // reset heading margin
  padding: 0;
  font-size: @font-size-small;
  background-color: @popover-title-bg;
  border-bottom: 0;
  border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
  color: @headings-color !important;
  line-height: 24px;
}

.popover-content {
  padding: 0;
  color: @brand-grey-plus-20;
  font-size: @font-size-small;
  line-height: 24px;
}

.popover-content > :last-child {
  margin-bottom: 0;
}

.popover-close {
  .close();
}

[data-toggle=popover] {
  &:not(.btn) {
    color: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    border-bottom: 1px dotted @abbr-border-color !important;
    cursor: pointer;
    &:hover,
    &:focus,
    &[aria-describedby] {
      color: @link-hover-color !important;
      outline: 0;
    }
  }
  .nav > li > a & {
    border-bottom: 0;
  }
}


@media (max-width: @screen-md-max) {
  .popover-modal {
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 272px;
    margin: 32px auto !important;
  }
  .popover-modal:before {
    display: none;
  }
}
@media (min-width: @screen-lg-min) {
  .popover-modal.left {
    margin-right: -24px !important;
  }
  .popover-modal.right {
    margin-left: -24px !important;
  }
  .popover-modal.top {
    margin-bottom: -8px !important;
  }<commit_msg>Add correct transform origin for popovers in modal mode<commit_after>//
// Popovers
// --------------------------------------------------
@popover-padding-vertical: 18px;
@popover-padding-horizontal: 24px;

.popover {
  top: 0;
  left: 0;
  z-index: @zindex-popover;
  display: none;
  width: @popover-max-width;
  padding: @popover-padding-vertical @popover-padding-horizontal;
  // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
  // So reset our font and text properties to avoid inheriting weird values.
  .reset-text();
  font-size: @font-size-small;

  background-color: @popover-bg;
  background-clip: padding-box;
  border: 1px solid @popover-fallback-border-color;
  border: 1px solid @popover-border-color;
  border-radius: @border-radius-large;
  .box-shadow(0px 20px 66px 0px rgba(34,48,73,.2));

  position: absolute;


  &.animate {
    transition: transform .25s;
  }
  &.scale-down {
    transform: scale(0);
  }

  // Offset the popover to account for the popover arrow
  &.top {
    margin-top: -@popover-arrow-width;
    transform-origin: 50% 100%;
  }
  &.right {
    margin-left: @popover-arrow-width;
    transform-origin: 0% 50%;
  }
  &.bottom {
    margin-top: @popover-arrow-width;
    transform-origin: 50% 0%;
  }
  &.left {
    margin-left: -@popover-arrow-width;
    transform-origin: 100% 50%;
  }

  &.left-top  {
    margin-left: -@popover-arrow-width;
    transform-origin: 100% 29px;
  }
  &.right-top {
    margin-left: @popover-arrow-width;
    transform-origin: 0% 29px;
  }

  .arrow-pointer(@popover-arrow-width);

  &.top:before {
    top: auto;
    bottom: (@popover-arrow-width / -2);
    left: 50%;
    margin-left: (@popover-arrow-width / -2);
  }
  &.bottom:before {
    top: (@popover-arrow-width / -2);
    bottom: auto;
    left: 50%;
    margin-left: (@popover-arrow-width / -2);
  }
  &.right:before {
    top: 50%;
    margin-top: (@popover-arrow-width / -2);
    left: (@popover-arrow-width / -2);
  }
  &.left:before {
    top: 50%;
    margin-top: (@popover-arrow-width / -2);
    left: auto;
    right: (@popover-arrow-width / -2);
  }
  &.left-top:before {
    top: 29px;
    margin-top: (@popover-arrow-width / -2);
    left: auto;
    right: (@popover-arrow-width / -2);
  }
  &.right-top:before {
    top: 29px;
    margin-top: (@popover-arrow-width / -2);
    left: (@popover-arrow-width / -2);
  }

  img,
  .popover-image {
    width: 100%;
    margin: 8px 0;
  }
}

.popover-title {
  margin: 0; // reset heading margin
  padding: 0;
  font-size: @font-size-small;
  background-color: @popover-title-bg;
  border-bottom: 0;
  border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
  color: @headings-color !important;
  line-height: 24px;
}

.popover-content {
  padding: 0;
  color: @brand-grey-plus-20;
  font-size: @font-size-small;
  line-height: 24px;
}

.popover-content > :last-child {
  margin-bottom: 0;
}

.popover-close {
  .close();
}

[data-toggle=popover] {
  &:not(.btn) {
    color: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    border-bottom: 1px dotted @abbr-border-color !important;
    cursor: pointer;
    &:hover,
    &:focus,
    &[aria-describedby] {
      color: @link-hover-color !important;
      outline: 0;
    }
  }
  .nav > li > a & {
    border-bottom: 0;
  }
}


@media (max-width: @screen-md-max) {
  .popover-modal {
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 272px;
    margin: 32px auto !important;

    transform-origin: 50% 50% !important;
  }
  .popover-modal:before {
    display: none;
  }
}
@media (min-width: @screen-lg-min) {
  .popover-modal.left {
    margin-right: -24px !important;
  }
  .popover-modal.right {
    margin-left: -24px !important;
  }
  .popover-modal.top {
    margin-bottom: -8px !important;
  }
{'fraction_non_alphanumeric': 0.17493237150586113, 'fraction_numerical': 0.028339559448666753, 'mean_word_length': 2.537129840546697, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '3664619', 'n_tokens_mistral': 3091, 'n_tokens_neox': 2871, 'n_words': 628}