From a3107d43309570e4c4c9f6073fc8c8271ad961ec Mon Sep 17 00:00:00 2001 From: Charles Dang Date: Fri, 12 Oct 2018 19:51:14 +1100 Subject: [PATCH] Fixed a horizontal scrollbar appearing on certain website pages The use of `100vw` was causing horizontal scrollbars to appear on the home and 404 pages. Using 100% fixes that. Technically, block elements like
don't need a width key since they automatically expand to take up as much width as possible, but I kept the value at 100% here to matter match the original intent of the code. --- website/src/pages/404.js | 2 +- website/src/pages/components/home/AdminInterface.js | 2 +- website/src/pages/components/home/Hero.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/website/src/pages/404.js b/website/src/pages/404.js index 70af110a32..cc5213530f 100644 --- a/website/src/pages/404.js +++ b/website/src/pages/404.js @@ -56,7 +56,7 @@ const styles = { color: 'white', padding: '2rem 0 4em', position: 'relative', - width: '100vw', + width: '100%', height: '100vh', overflow: 'hidden' }, diff --git a/website/src/pages/components/home/AdminInterface.js b/website/src/pages/components/home/AdminInterface.js index 6214d7a95e..5618b0c960 100644 --- a/website/src/pages/components/home/AdminInterface.js +++ b/website/src/pages/components/home/AdminInterface.js @@ -26,7 +26,7 @@ const styles = { backgroundColor: theme.color.lightBlue, textAlign: 'center', padding: '4rem 0', - width: '100vw', + width: '100%', overflow: 'hidden', }, heading: { diff --git a/website/src/pages/components/home/Hero.js b/website/src/pages/components/home/Hero.js index f5d71265ff..b92c32cddc 100644 --- a/website/src/pages/components/home/Hero.js +++ b/website/src/pages/components/home/Hero.js @@ -92,7 +92,7 @@ const styles = { color: 'white', padding: '2rem 0 4em', position: 'relative', - width: '100vw', + width: '100%', overflow: 'hidden', }, content: {