Fix scrollbars on MacOS (#781)

sfc-gh-jgarcia · web-flow · commit 81fbcca64372 · 2023-08-23T14:49:57.000+05:30
* Fix scrollbars for mac os

* Remove console log statement
diff --git a/pages/_app.js b/pages/_app.js
@@ -19,7 +19,7 @@ Router.events.on("routeChangeError", () => NProgress.done());
 
 function StreamlitDocs({ Component, pageProps }) {
   useEffect(() => {
-    if (navigator.platform.match("Mac") === null) {
+    if (navigator.platform.includes("Mac")) {
       document.body.classList.add("mac");
     }
   }, []);
diff --git a/styles/scrollbars.scss b/styles/scrollbars.scss
@@ -1,5 +1,5 @@
 /* Improve scrollbars on Chrome + Windows/Linux. */
-:not(.mac) {
+body:not(.mac) {
   ::-webkit-scrollbar {
     height: 6px;
     width: 6px;

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ Router.events.on("routeChangeError", () => NProgress.done());`
`19`	`19`
`20`	`20`	`function StreamlitDocs({ Component, pageProps }) {`
`21`	`21`	`useEffect(() => {`
`22`		`- if (navigator.platform.match("Mac") === null) {`
	`22`	`+ if (navigator.platform.includes("Mac")) {`
`23`	`23`	`document.body.classList.add("mac");`
`24`	`24`	`}`
`25`	`25`	`}, []);`