fixes #131 #149 #182 scroll

pomber · Jul 11, 2024 · 4a07258 · 4a07258
1 parent 56570f3
commit 4a07258
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "prettier.semi": true,
+  "prettier.singleQuote": false,
+  "prettier.printWidth": 80
+}
diff --git a/src/animation.js b/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 */

diff --git a/src/scroller.js b/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",

diff --git a/src/slide.js b/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] || {};