From f6fb5f4009db96a958894db04df16e3a2c2a0026 Mon Sep 17 00:00:00 2001 From: Elisha Edme Date: Tue, 4 Jun 2024 17:03:42 -0700 Subject: [PATCH 1/2] Fixing vertical scrollbar on heo component --- packages/gatsby-theme-aio/package.json | 2 +- packages/gatsby-theme-aio/src/components/Hero/index.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/gatsby-theme-aio/package.json b/packages/gatsby-theme-aio/package.json index 7f8470f7c3..8e629d9237 100644 --- a/packages/gatsby-theme-aio/package.json +++ b/packages/gatsby-theme-aio/package.json @@ -153,4 +153,4 @@ "use-debounce": "^9.0.4", "uuid": "^9.0.0" } -} \ No newline at end of file +} diff --git a/packages/gatsby-theme-aio/src/components/Hero/index.js b/packages/gatsby-theme-aio/src/components/Hero/index.js index cd340fd0ea..6e0dea2955 100644 --- a/packages/gatsby-theme-aio/src/components/Hero/index.js +++ b/packages/gatsby-theme-aio/src/components/Hero/index.js @@ -326,7 +326,7 @@ const Hero = ({ background: ${background ?? "var(--spectrum-global-color-gray-50)"}; @media screen and (max-width: ${TABLET_SCREEN_WIDTH}) { - overflow: auto; + overflow-y: hidden; } @media screen and (max-width: ${MOBILE_SCREEN_WIDTH}) { From 643c3c4430737ccb0b65761f68877789c470c8b3 Mon Sep 17 00:00:00 2001 From: Elisha Edme Date: Tue, 4 Jun 2024 17:03:42 -0700 Subject: [PATCH 2/2] fix: removed vertical scroll bar on hero component Hid y overflow of hero commponent --- packages/gatsby-theme-aio/package.json | 2 +- packages/gatsby-theme-aio/src/components/Hero/index.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/gatsby-theme-aio/package.json b/packages/gatsby-theme-aio/package.json index 7f8470f7c3..8e629d9237 100644 --- a/packages/gatsby-theme-aio/package.json +++ b/packages/gatsby-theme-aio/package.json @@ -153,4 +153,4 @@ "use-debounce": "^9.0.4", "uuid": "^9.0.0" } -} \ No newline at end of file +} diff --git a/packages/gatsby-theme-aio/src/components/Hero/index.js b/packages/gatsby-theme-aio/src/components/Hero/index.js index cd340fd0ea..6e0dea2955 100644 --- a/packages/gatsby-theme-aio/src/components/Hero/index.js +++ b/packages/gatsby-theme-aio/src/components/Hero/index.js @@ -326,7 +326,7 @@ const Hero = ({ background: ${background ?? "var(--spectrum-global-color-gray-50)"}; @media screen and (max-width: ${TABLET_SCREEN_WIDTH}) { - overflow: auto; + overflow-y: hidden; } @media screen and (max-width: ${MOBILE_SCREEN_WIDTH}) {