<commit_before>.overlay{
  background:url($imageBasePath + '/overlay.png');
  @include opacity(0);
  @include transition(opacity 0.4s ease-in-out);
}
.popupHead{
  @extend .title;
  margin:0 $space $space $space;
  padding: $space 0 $space/2 0;
  border-bottom:dashed 1px darken(#fff, 30%);
  &.draggable{cursor:move;}
}
.popupButtons{@include absolute('' $space $space 0);}
.popupSubTitle{@extend .labelInput;}
.popupContent, .popupSubContent{
  padding:0 20px;
  margin-bottom: $space;
}
.popupSubContent{width: 100%; height: 100%;}
.popup{
  min-width: 300px;
  min-height: 250px;
  position:relative;
  z-index:9999;
  width: $popupModalWidth;
  margin:-1000px auto 0 auto;
  background-color:#f4f4f4;
  padding-bottom:$space;
  background-image:url($contentPatternUrl);
  border: {
      top: solid 1px $secondColor;
      left: solid 1px $thirdColor;
      right: solid 1px $thirdColor;
      bottom: solid 5px $thirdColor;
  }
  @include transition(margin 0.4s ease-in-out);

  &.popupOverflow{
    .popupContent, .popupSubContent{overflow:visible;}
  }
}
.popupContainer{
  // need to hide the container if the popup is not modal
  height:0px;
  width:0px;
  z-index:999;
  @include fixed(0 0 0 0);

  &.ui-draggable-dragging{@include opacity(0.6);}
  &.ui-draggable{
    position:absolute !important; // avoid strange popup growing behaviour
    .popup{margin:80px 0 0 100px;}
    .popupHead{cursor:move;}
  }
  &.modal{
    height:100%;
    width:100%;
    .popup{margin-top:$space*4;}
    .overlay{
      @include opacity(0.9);
      @include fixed(0 0 0 0);
    }
  }

  .button{margin-left:3px;}
}
.ui-resizable-se{
  font-size: 16px;
  @extend .icon;
  @include absolute('' 3px -3px '');
  @include transform(rotate(45deg));
  cursor: default;
  &:before{
    content: "\f054";
    display: block;
  }
}
.popupScroll{
  overflow: auto;
  @include absolute(70px 0 $space*3 0);
}
<commit_msg>Restrict move popups outside of visible area application<commit_after>.overlay{
  background:url($imageBasePath + '/overlay.png');
  @include opacity(0);
  //@include transition(opacity 0.4s ease-in-out);
}
.popupHead{
  @extend .title;
  margin:0 $space $space $space;
  padding: $space 0 $space/2 0;
  border-bottom:dashed 1px darken(#fff, 30%);
  &.draggable{cursor:move;}
}
.popupButtons{@include absolute('' $space $space 0);}
.popupSubTitle{@extend .labelInput;}
.popupContent, .popupSubContent{
  padding:0 20px;
  margin-bottom: $space;
}
.popupSubContent{width: 100%; height: 100%;}
.popup{
  min-width: 300px;
  min-height: 250px;
  position:relative;
  z-index:9999;
  width: $popupModalWidth;
  margin:-1000px auto 0 auto;
  background-color:#f4f4f4;
  padding-bottom:$space;
  background-image:url($contentPatternUrl);
  border: {
      top: solid 1px $secondColor;
      left: solid 1px $thirdColor;
      right: solid 1px $thirdColor;
      bottom: solid 5px $thirdColor;
  }
  //@include transition(margin 0.4s ease-in-out);

  &.popupOverflow{
    .popupContent, .popupSubContent{overflow:visible;}
  }
}
.popupContainer{
  // need to hide the container if the popup is not modal
  height:0px;
  width:0px;
  z-index:999;
  @include fixed(0 0 0 0);

  &.ui-draggable-dragging{@include opacity(0.6);}
  &.ui-draggable{
    position:absolute !important; // avoid strange popup growing behaviour
    .popup{margin:80px 0 0 100px;}
    .popupHead{cursor:move;}
  }
  &.modal{
    height:100%;
    width:100%;
    .popup{margin-top:$space*4;}
    .overlay{
      @include opacity(0.9);
      @include fixed(0 0 0 0);
    }
  }

  .button{margin-left:3px;}
}
.ui-resizable-se{
  font-size: 16px;
  @extend .icon;
  @include absolute('' 3px -3px '');
  @include transform(rotate(45deg));
  cursor: default;
  &:before{
    content: "\f054";
    display: block;
  }
}
.popupScroll{
  overflow: auto;
  @include absolute(70px 0 $space*3 0);
}

{'fraction_non_alphanumeric': 0.1535667963683528, 'fraction_numerical': 0.04669260700389105, 'mean_word_length': 3.668280871670702, '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': '1565115', 'n_tokens_mistral': 1530, 'n_tokens_neox': 1389, 'n_words': 321}