Fix scrolling in console

Fixes codesandbox#968

Author: Ives van Hoorne

packages/app/src/app/components/Preview/DevTools/Console/elements.js

@@ -12,9 +12,7 @@ export const Container = styled.div`
   display: flex;
   flex-direction: column;
   max-height: calc(100% - 2rem);
-  LOG_BORDER: 'inherit',
-  LOG_BORDER: 'inherit',
-  border-color: ${props => props.theme['statusBar.border'] || '#191C1D'}
+  border-color: ${props => props.theme['statusBar.border'] || '#191C1D'};
 `;
 
 export const Messages = styled.div`

packages/app/src/app/pages/Sandbox/Editor/Content/prevent-gesture-scroll.js

@@ -1,14 +1,11 @@
 function preventScroll(event) {
   // We don't want to scroll below zero or above the width and height
   const maxX = this.scrollWidth - this.offsetWidth;
-  const maxY = this.scrollHeight - this.offsetHeight;
 
   // If this event looks like it will scroll beyond the bounds of the element, prevent it and set the scroll to the boundary manually
   if (
     this.scrollLeft + event.deltaX < 0 ||
-    this.scrollLeft + event.deltaX > maxX ||
-    this.scrollTop + event.deltaY < 0 ||
-    this.scrollTop + event.deltaY > maxY
+    this.scrollLeft + event.deltaX > maxX
   ) {
     event.preventDefault();
 
@@ -17,7 +14,6 @@ function preventScroll(event) {
       0,
       Math.min(maxX, this.scrollLeft + event.deltaX)
     );
-    this.scrollTop = Math.max(0, Math.min(maxY, this.scrollTop + event.deltaY));
   }
 }