Skip to content

Commit 3f34080

Browse files
nygrenhnygrenh
committed
Add a side bar
1 parent 26874b9 commit 3f34080

9 files changed

Lines changed: 518 additions & 176 deletions

File tree

‎package-lock.json‎

Lines changed: 88 additions & 36 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
{
22
"name": "ohjelmoinnin-mooc",
33
"dependencies": {
4+
"@fortawesome/fontawesome-svg-core": "^1.2.2",
5+
"@fortawesome/free-solid-svg-icons": "^5.2.0",
6+
"@fortawesome/react-fontawesome": "^0.1.0",
47
"babel-plugin-styled-components": "^1.5.1",
58
"gatsby": "next",
69
"gatsby-plugin-react-helmet": "next",
@@ -11,6 +14,7 @@
1114
"react-calendar-timeline": "^0.17.3",
1215
"react-dom": "^16.4.1",
1316
"react-helmet": "^5.2.0",
17+
"react-scrollspy": "^3.3.5",
1418
"styled-components": "^3.3.3",
1519
"typeface-open-sans-condensed": "0.0.54"
1620
},

‎src/components/ContentArea.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import React from 'react'
2+
import styled from 'styled-components'
3+
import { SIDEBAR_WIDTH } from './Sidebar'
4+
5+
const ContentAreaContainer = styled.div`
6+
margin-left: ${SIDEBAR_WIDTH};
7+
`
8+
9+
export default class ContentArea extends React.Component {
10+
render() {
11+
return <ContentAreaContainer>{this.props.children}</ContentAreaContainer>
12+
}
13+
}

‎src/components/Logo.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ const StyledLink = styled.a`
2323
align-items: center;
2424
padding: 1rem;
2525
height: 64px;
26+
background-color: white;
2627
`
2728

2829
export default () => (

0 commit comments

Comments
 (0)