adjustments to location of pinning, padding

Kayla Wilkins · Kayla Wilkins · commit 8c450f707e70 · 2019-06-11T13:10:48.000-04:00
diff --git a/src/components/2_molecules/search-header.js b/src/components/2_molecules/search-header.js
@@ -22,9 +22,9 @@ class SearchHeader extends React.Component {
   handleScroll() {
     if (window.innerWidth >= 640) {
       this.setState({ searchIsFixed: false });
-    } else if (window.scrollY === 0 && this.state.searchIsFixed === true) {
+    } else if (window.scrollY <= 30 && this.state.searchIsFixed === true) {
       this.setState({ searchIsFixed: false });
-    } else if (window.scrollY !== 0 && this.state.searchIsFixed !== true) {
+    } else if (window.scrollY > 30 && this.state.searchIsFixed !== true) {
       this.setState({ searchIsFixed: true });
     }
   }
diff --git a/src/css/components/4_pages/api-page.css b/src/css/components/4_pages/api-page.css
@@ -118,6 +118,7 @@
   left: 0;
   width: 100%;
   z-index: 1;
+  padding: 0 1rem;
 }
 
 .search-results-list {

Original file line number	Diff line number	Diff line change
`@@ -22,9 +22,9 @@ class SearchHeader extends React.Component {`
`22`	`22`	`handleScroll() {`
`23`	`23`	`if (window.innerWidth >= 640) {`
`24`	`24`	`this.setState({ searchIsFixed: false });`
`25`		`- } else if (window.scrollY === 0 && this.state.searchIsFixed === true) {`
	`25`	`+ } else if (window.scrollY <= 30 && this.state.searchIsFixed === true) {`
`26`	`26`	`this.setState({ searchIsFixed: false });`
`27`		`- } else if (window.scrollY !== 0 && this.state.searchIsFixed !== true) {`
	`27`	`+ } else if (window.scrollY > 30 && this.state.searchIsFixed !== true) {`
`28`	`28`	`this.setState({ searchIsFixed: true });`
`29`	`29`	`}`
`30`	`30`	`}`