Stop sections from expanding when scrolling over the 1px section

See https://gitlab.slack.com/archives/C0GQHHPGW/p1508253662000271

Stop sections from expanding when scrolling over the 1px section
734faae6 · Eric Eastwood · Mike Greiling · 2888e48b · 734faae6
Unverified Commit 734faae6 authored Oct 17, 2017 by Eric Eastwood Committed by Mike Greiling Oct 31, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 0 deletions

settings.scss app/assets/stylesheets/pages/settings.scss +4 -0

No files found.
--- a/app/assets/stylesheets/pages/settings.scss
+++ b/app/assets/stylesheets/pages/settings.scss
@@ -55,11 +55,15 @@
  overflow-y: scroll;
  padding-right: 110px;
  animation: collapseMaxHeight 300ms ease-out;
+  // Keep the section from expanding when we scroll over it
+  pointer-events: none;

  .settings.expanded & {
    max-height: none;
    overflow-y: visible;
    animation: expandMaxHeight 300ms ease-in;
+    // Reset and allow clicks again when expanded
+    pointer-events: auto;
  }

  .settings.no-animate & {