fix: first pass [STRY-70]

washingtonpost · Feb 22, 2024 · 47a5214 · 47a5214
1 parent 9daca60
commit 47a5214
Show file tree

Hide file tree

Showing 22 changed files with 258 additions and 35 deletions.
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/sonarlint/issuestore/0/1/01630ed1f465794404292c76d5655b5ab591b2d6 b/.idea/sonarlint/issuestore/0/1/01630ed1f465794404292c76d5655b5ab591b2d6
diff --git a/.idea/sonarlint/issuestore/5/c/5c9d89f3f6d1587447d19be42541ee9f5c919d88 b/.idea/sonarlint/issuestore/5/c/5c9d89f3f6d1587447d19be42541ee9f5c919d88
diff --git a/.idea/sonarlint/issuestore/8/c/8ce13fcf39f163bd38f1b8612448db939c4bbb68 b/.idea/sonarlint/issuestore/8/c/8ce13fcf39f163bd38f1b8612448db939c4bbb68
diff --git a/.idea/sonarlint/issuestore/d/3/d3536c281c5747ac014147321f74b8a9bccc6501 b/.idea/sonarlint/issuestore/d/3/d3536c281c5747ac014147321f74b8a9bccc6501
diff --git a/.idea/sonarlint/issuestore/d/5/d5feb4a7fe20087d14eee362ee50daa0281dae63 b/.idea/sonarlint/issuestore/d/5/d5feb4a7fe20087d14eee362ee50daa0281dae63
diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
diff --git a/.idea/sonarlint/securityhotspotstore/0/1/01630ed1f465794404292c76d5655b5ab591b2d6 b/.idea/sonarlint/securityhotspotstore/0/1/01630ed1f465794404292c76d5655b5ab591b2d6
diff --git a/.idea/sonarlint/securityhotspotstore/5/c/5c9d89f3f6d1587447d19be42541ee9f5c919d88 b/.idea/sonarlint/securityhotspotstore/5/c/5c9d89f3f6d1587447d19be42541ee9f5c919d88
diff --git a/.idea/sonarlint/securityhotspotstore/8/c/8ce13fcf39f163bd38f1b8612448db939c4bbb68 b/.idea/sonarlint/securityhotspotstore/8/c/8ce13fcf39f163bd38f1b8612448db939c4bbb68
diff --git a/.idea/sonarlint/securityhotspotstore/d/3/d3536c281c5747ac014147321f74b8a9bccc6501 b/.idea/sonarlint/securityhotspotstore/d/3/d3536c281c5747ac014147321f74b8a9bccc6501
diff --git a/.idea/sonarlint/securityhotspotstore/d/5/d5feb4a7fe20087d14eee362ee50daa0281dae63 b/.idea/sonarlint/securityhotspotstore/d/5/d5feb4a7fe20087d14eee362ee50daa0281dae63
diff --git a/.idea/sonarlint/securityhotspotstore/index.pb b/.idea/sonarlint/securityhotspotstore/index.pb
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/.idea/wpds-ui-kit.iml b/.idea/wpds-ui-kit.iml
diff --git a/build.washingtonpost.com/components/Footer.js b/build.washingtonpost.com/components/Footer.js
@@ -11,7 +11,7 @@ const CommunityHeading = styled("span", {
   fontWeight: "$bold",
   fontSize: "$087",
   color: "$gray40",
-  "@notSm": {
+  "@media (min-width:851px)": {
     display: "none",
   },
 });
@@ -40,7 +40,7 @@ const EditInGithub = styled("a", {
   "&:hover": {
     textDecoration: "underline",
   },
-  "@sm": {
+  "@media (max-width:850px)": {
     marginLeft: "$100",
   },
 });
@@ -59,7 +59,7 @@ export const Footer = () => {
         maxWidth: "1028px",
         width: "100%",
 
-        "@sm": {
+        "@media (max-width:850px)": {
           marginTop: "$200",
           "footer.site-footer": {
             display: "none",
@@ -80,7 +80,9 @@ export const Footer = () => {
           Edit this page on GitHub.
         </EditInGithub>
       )}
+      <Box css={{"@media (max-width:850px)": {px: "$100"}, "@sm": {px: 0}}}>
       <SiteFooter />
+      </Box>
       <Box
         css={{
           display: "flex",
@@ -93,7 +95,7 @@ export const Footer = () => {
           "& a": {
             marginRight: "$100",
           },
-          "@notSm": {
+          "@media (min-width:851px)": {
             justifyContent: "center",
           },
         }}
@@ -102,7 +104,7 @@ export const Footer = () => {
           css={{
             display: "flex",
             flexDirection: "column",
-            "@notSm": {
+            "@media (min-width:851px)": {
               flexDirection: "row",
             },
           }}

diff --git a/build.washingtonpost.com/components/Layout/Components/Sidebar.js b/build.washingtonpost.com/components/Layout/Components/Sidebar.js
@@ -7,18 +7,18 @@ import { Change } from "~/components/Markdown/Styling";
 
 const StyledAccordionRoot = styled(Accordion.Root, {
   backgroundColor: theme.colors.gray500,
-  "@sm": {
+  "@media (max-width:850px)": {
     marginBottom: "0",
   },
 });
 
 const Panel = styled("div", {
   paddingBottom: "$100",
-  "@notSm": {
+  "@media (min-width:851px)": {
     position: "fixed",
     height: "100%",
   },
-  "@sm": {
+  "@media (max-width:850px)": {
     width: "100%",
   },
 });
@@ -41,10 +41,10 @@ const Container = styled("div", {
   },
 
   "@md": { marginTop: "0" },
-  "@notSm": {
+  "@media (min-width:851px)": {
     width: "300px",
   },
-  "@sm": {
+  "@media (max-width:850px)": {
     paddingBottom: 0,
   },
 });
@@ -53,7 +53,7 @@ const AccordionHeader = styled(Accordion.Header, {
   width: "100%",
   justifySelf: "flex-start",
   marginBlock: 0,
-  "@sm": {
+  "@media (max-width:850px)": {
     cursor: "pointer",
   },
 });
@@ -303,7 +303,7 @@ export default function Sidebar({ navigation, setMobileMenu }) {
           })}
         <SideBarList>
           <ListItem
-            css={{ "@notSm": { display: "none" } }}
+            css={{ "@media (min-width:851px)": { display: "none" } }}
             onClick={() => setMobileMenu(false)}
             isCurrent={router.asPath.includes("release-notes") ? "active" : ""}
           >

diff --git a/build.washingtonpost.com/components/Layout/Layout.js b/build.washingtonpost.com/components/Layout/Layout.js
@@ -8,7 +8,7 @@ import { ToastContainer } from "react-toastify";
 const Grid = styled("div", {
   display: "grid",
   margin: "0 auto",
-  "@notSm": {
+  "@media (min-width:851px)": {
     gridTemplateColumns: "300px 1fr",
     gridTemplateRows: "60px 1fr",
     gridTemplateAreas: `
@@ -20,7 +20,7 @@ const Grid = styled("div", {
     rowGap: "0",
     paddingRight: "$100",
   },
-  "@sm": {
+  "@media (max-width:850px)": {
     minHeight: "100vh",
     gridTemplateColumns: "1fr",
     gridTemplateRows: "auto auto 1fr",
@@ -41,7 +41,7 @@ const DesktopMenu = styled("div", {
   variants: {
     state: {
       open: { display: "block" },
-      closed: { "@sm": { display: "none" } },
+      closed: { "@media (max-width:850px)": { display: "none" } },
     },
   },
 });
@@ -51,12 +51,12 @@ const Container = styled("main", {
   width: "100%",
   margin: "0 auto",
   marginTop: "$125",
-  "@sm": {
-    padding: "0 $100",
-  },
-  "@notSm": {
+  "@media (min-width:851px)": {
     maxWidth: "1028px",
   },
+  "@media (max-width:850px)": {
+    padding: "0 $100",
+  },
 });
 
 export const PageLayout = ({ children, ...pageProps }) => {