From 7647d68fcc4ad430df27cfd3c5779a7c4660f25b Mon Sep 17 00:00:00 2001
From: raclim <raclim@nyu.edu>
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 <raclim@nyu.edu>
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 <raclim@nyu.edu>
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;
}
`;