fixed back to top issue

jayfallon · Jul 30, 2019 · f078602 · f078602
1 parent 997e189
commit f078602
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 5 deletions.
diff --git a/components/Footer/index.js b/components/Footer/index.js
@@ -27,7 +27,7 @@ const Footer = props => (
                     </li>
                 </ul>
                 <p className="footer__link--top">
-                    <Link href="#pageTop"><a title="hello">Back to top</a></Link>
+                    <a title="hello" href="#pageTop">Back to top</a>
                 </p>
             </nav>
 

diff --git a/components/Header/index.js b/components/Header/index.js
@@ -4,7 +4,7 @@ import DrawerToggleButton from './drawerToggle'
 
 const Header = (props) => (
 
-    <HeaderStyles id="pageTop">
+    <HeaderStyles>
         <section className="header__content">
             <h1>
                 <Link href="/"><a title="Link to home page">Jay Fallon</a></Link>

diff --git a/components/Meta/index.js b/components/Meta/index.js
@@ -6,7 +6,7 @@ const Meta = () => (
     <meta charSet="utf-8" />
     <link rel="shortcut icon" href="/static/favicon.png" />
     <link rel="stylesheet" type="text/css" href="/static/nprogress.css" />
-    <title>Jay Fallon - UX Designer &amp; Engineer</title>
+    <title>Jay Fallon - Digital Designer, Developer & Data Nerd</title>
   </Head>
 );
 

diff --git a/components/Page.js b/components/Page.js
@@ -36,6 +36,7 @@ class Page extends Component {
           <SideDrawer show={this.state.sideDrawerOpen} hide={this.drawerCloseClickHandler}/>
           <a href="#main__content" className="main__content--link">Skip to main content</a>
           <Header drawerClickHandler={this.drawerToggleClickHandler}/>
+          <a name="pageTop" id="pageTop"/>
           <main id="main__content" role="main">
             {this.props.children}
           </main>

diff --git a/components/Resume/index.js b/components/Resume/index.js
@@ -87,7 +87,6 @@ const Resume = props => (
         {resumeData.map((elem, i) => (
             <article key={i}>
             <>
-
                 <h3>{elem.sectionTitle}</h3>
 
                     {

diff --git a/components/SideDrawer/styles.js b/components/SideDrawer/styles.js
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 const SideDrawerStyles = styled.nav`
 padding-top: 4rem;
     transform: translateX(-100%);
-    transition: transform 0.2s ease-in-out;
+    transition: transform 0.2s ease-out;
     &.open {
         transform: translateX(0);
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ const Footer = props => ( @@
                         </li>
                     </ul>
                     <p className="footer__link--top">
-                        <Link href="#pageTop"><a title="hello">Back to top</a></Link>
+                        <a title="hello" href="#pageTop">Back to top</a>
                     </p>
                 </nav>
@@ Expand Down @@