<commit_before>.uppy-Dashboard--modal {
  z-index: $zIndex-2;
}

  .uppy-Dashboard--modal[aria-hidden=true] {
    display: none;
  }

  // Modal open/close animations

  @keyframes uppy-Dashboard-fadeIn {
    from { opacity: 0;  }
    to { opacity: 1;  }
  }

  @keyframes uppy-Dashboard-fadeOut {
    from { opacity: 1;  }
    to { opacity: 0;  }
  }

  @keyframes uppy-Dashboard-slideDownAndFadeIn {
    from { transform: translate3d(-50%, -70%, 0); opacity: 0; }
    to { transform: translate3d(-50%, -50%, 0); opacity: 1; }
  }

  @keyframes uppy-Dashboard-slideUpFadeOut {
    from { transform: translate3d(-50%, -50%, 0); opacity: 1; }
    to { transform: translate3d(-50%, -70%, 0); opacity: 0; }
  }

  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
  }

  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
    animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, .2, 1);
  }

  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
  }<commit_msg>fix Dashboard open/close animation on small screen<commit_after>.uppy-Dashboard--modal {
  z-index: $zIndex-2;
}

  .uppy-Dashboard--modal[aria-hidden=true] {
    display: none;
  }

  // Modal open/close animations

  @keyframes uppy-Dashboard-fadeIn {
    from { opacity: 0;  }
    to { opacity: 1;  }
  }

  @keyframes uppy-Dashboard-fadeOut {
    from { opacity: 1;  }
    to { opacity: 0;  }
  }

  @keyframes uppy-Dashboard-slideDownAndFadeIn {
    from { transform: translate3d(-50%, -70%, 0); opacity: 0; }
    to { transform: translate3d(-50%, -50%, 0); opacity: 1; }
  }

    @keyframes uppy-Dashboard-slideDownAndFadeIn--small {
      from { transform: translate3d(0, -20%, 0); opacity: 0; }
      to { transform: translate3d(0, 0, 0); opacity: 1; }
    }

  @keyframes uppy-Dashboard-slideUpFadeOut {
    from { transform: translate3d(-50%, -50%, 0); opacity: 1; }
    to { transform: translate3d(-50%, -70%, 0); opacity: 0; }
  }

    @keyframes uppy-Dashboard-slideUpFadeOut--small {
      from { transform: translate3d(0, 0, 0); opacity: 1; }
      to { transform: translate3d(0, -20%, 0); opacity: 0; }
    }
  
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, .2, 1);

    @media #{$screen-medium} {
      animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
    }
  }

  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
    animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, .2, 1);
  }

  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, .2, 1);

    @media #{$screen-medium} {
      animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
    }
  }
{'fraction_non_alphanumeric': 0.16205030245144858, 'fraction_numerical': 0.04329831263928685, 'mean_word_length': 3.0594315245478034, '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': '5491394', 'n_tokens_mistral': 1311, 'n_tokens_neox': 1232, 'n_words': 224}