fixes pomber#131 pomber#149 pomber#182 scroll

HenryTSZ · Jul 5, 2024 · 9234e9e · 9234e9e
1 parent 56570f3
commit 9234e9e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 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/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] || {};