From 7647d68fcc4ad430df27cfd3c5779a7c4660f25b Mon Sep 17 00:00:00 2001 From: raclim Date: Wed, 27 Mar 2024 17:36:59 -0400 Subject: [PATCH 1/3] add media query and set overflow to auto --- client/modules/Legal/components/PolicyContainer.jsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/client/modules/Legal/components/PolicyContainer.jsx b/client/modules/Legal/components/PolicyContainer.jsx index ba15c9e09b..e09bfba391 100644 --- a/client/modules/Legal/components/PolicyContainer.jsx +++ b/client/modules/Legal/components/PolicyContainer.jsx @@ -7,10 +7,10 @@ import { remSize, prop } from '../../../theme'; const PolicyContainerMain = styled.main` max-width: ${remSize(700)}; + min-height: 100vh; margin: 0 auto; padding: ${remSize(10)}; line-height: 1.5em; - overflow: auto; & p { margin-bottom: ${remSize(10)}; } @@ -38,6 +38,10 @@ const PolicyContainerMain = styled.main` & a { color: ${prop('Policy.link')}; } + + @media (max-width: 770px) { + overflow: auto; + } `; function PolicyContainer({ policy }) { From 25c4980768ed954628a98db38888faad5dbbdd71 Mon Sep 17 00:00:00 2001 From: raclim Date: Tue, 23 Apr 2024 16:58:03 -0400 Subject: [PATCH 2/3] remove min-height for mobile only --- client/modules/Legal/components/PolicyContainer.jsx | 1 + 1 file changed, 1 insertion(+) diff --git a/client/modules/Legal/components/PolicyContainer.jsx b/client/modules/Legal/components/PolicyContainer.jsx index e09bfba391..624d4d0acd 100644 --- a/client/modules/Legal/components/PolicyContainer.jsx +++ b/client/modules/Legal/components/PolicyContainer.jsx @@ -41,6 +41,7 @@ const PolicyContainerMain = styled.main` @media (max-width: 770px) { overflow: auto; + min-height: none; } `; From 10c843e0b920a6a30001597d4fda4eb7edb65f18 Mon Sep 17 00:00:00 2001 From: raclim Date: Tue, 23 Apr 2024 17:13:04 -0400 Subject: [PATCH 3/3] change 'none' to 'unset' for min-height --- client/modules/Legal/components/PolicyContainer.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/modules/Legal/components/PolicyContainer.jsx b/client/modules/Legal/components/PolicyContainer.jsx index 624d4d0acd..7e319531a6 100644 --- a/client/modules/Legal/components/PolicyContainer.jsx +++ b/client/modules/Legal/components/PolicyContainer.jsx @@ -41,7 +41,7 @@ const PolicyContainerMain = styled.main` @media (max-width: 770px) { overflow: auto; - min-height: none; + min-height: unset; } `;