fixes #131 #149 #182 scroll

Author: HenryTSZ

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "prettier.semi": true,
+  "prettier.singleQuote": false,
+  "prettier.printWidth": 80
+}

src/animation.js

@@ -2,7 +2,7 @@
 import { createAnimation, Stagger } from "./airframe/airframe";
 import easing from "./airframe/easing";
 
-const dx = 250;
+const dx = 250000;
 const offOpacity = 0.6;
 
 /* @jsx createAnimation */

src/scroller.js

@@ -147,8 +147,7 @@ export default function Scroller({
     <div
       style={{
         height: "100%",
-        overflowY: "auto",
-        overflowX: "hidden"
+        overflow: "auto"
       }}
       className="scroller"
       ref={ref}
@@ -162,8 +161,8 @@ export default function Scroller({
     >
       <code
         style={{
+          background: "transparent",
           display: "block",
-          width: "calc(100% - 20px)",
           maxWidth: "900px",
           margin: "auto",
           padding: "10px",

src/slide.js

@@ -20,10 +20,7 @@ function getLineHeight(line, i, { styles }) {
 function getLine(line, i, { styles }) {
   const style = styles[i];
   return (
-    <div
-      style={Object.assign({ overflow: "hidden", height: "15px" }, style)}
-      key={line.key}
-    >
+    <div style={Object.assign({ height: "15px" }, style)} key={line.key}>
       {!line.tokens.length && <br />}
       {line.tokens.map((token, i) => {
         const style = themeStylesByType[token.type] || {};