Small fixes

nygrenh · nygrenh · commit a11bcec2c96f · 2018-09-20T17:50:50.000+03:00
diff --git a/src/components/TreeView/TreeViewItem.js b/src/components/TreeView/TreeViewItem.js
@@ -12,6 +12,7 @@ import { Location } from '@reach/router'
 const ChildrenList = styled.ul`
   height: calc(var(--open-ratio) * var(--calculated-height) * 1px);
   overflow: hidden;
+  margin-left: 0;
 `
 
 const ListItem = styled.li`
@@ -22,6 +23,7 @@ const ListItem = styled.li`
 `
 
 const NavigationLink = styled(GatsbyLink)`
+  padding-left: 0.5rem;
   ${props => props.active == "t" && `
     background-color: #ffccc6;
     width: 100%;
@@ -101,7 +103,7 @@ export default class TreeViewItem extends React.Component {
                     <NavigationLink
                       to={this.props.item.href}
                       active={
-                        this.props.item.href == location.pathname ? 't' : 'f'
+                        (this.props.item.href == location.pathname || this.props.item.href == location.pathname.slice(0, -1)) ? 't' : 'f'
                       }
                     >
                       <ListItem onClick={this.onClick}>
diff --git a/src/components/TreeView/index.js b/src/components/TreeView/index.js
@@ -1,32 +1,19 @@
 import React from 'react'
 import TreeViewItem from './TreeViewItem'
 import styled from 'styled-components'
-import Scrollspy from 'react-scrollspy'
 
 const StyledUl = styled.ul`
-  margin-left: 0rem;
+  margin-left: 0;
 `
 
 export default class TreeView extends React.Component {
   render() {
     return (
-      <Scrollspy
-        items={['yleistä', 'kurssin-kaksi-versiota', 'sisältö-ja-aikataulu']}
-        currentClassName="is-current"
-        onUpdate={element => {
-          document
-            .querySelectorAll('.active-section')
-            .forEach(e => e.classList.remove('active-section'))
-          const selector = element.id
-          const current = document.querySelectorAll(`.nav-item-${selector}`)
-          current.forEach(e => e.classList.add('active-section'))
-
-        }}
-      >
-        <StyledUl>
-          {this.props.data.map(top => <TreeViewItem key={top.name} item={top} spy />)}
-        </StyledUl>
-      </Scrollspy>
+      <StyledUl>
+        {this.props.data.map(top => (
+          <TreeViewItem key={top.name} item={top} spy />
+        ))}
+      </StyledUl>
     )
   }
 }
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -200,22 +200,6 @@ const IndexPage = () => (
           </p>
         </section>
 
-        <section id="kurssi-vaylana">
-          <h2>Ohjelmoinnin MOOC väylänä yliopistoon</h2>
-
-          <p>
-            Ohjelmoinnin MOOC toimii väylänä yliopistoon. Suorittamalla Ohjelmoinnin
-            MOOCin jokaisen osan tehtävistä yli 90 % annetussa aikataulussa, saat
-            kutsun Helsingin yliopistolla järjestettävään näyttökokeeseen. Näyttökokeessa
-            tehdään kurssin laajempia tehtäviä vastaava ohjelmointitehtävä sekä vastataan
-            muutamaan esseetyyppiseen kysymykseen.
-          </p>
-
-          <p>
-            Ohjelmoinnin MOOC on osa yhteishakua. Lisäämme tänne yhteishaun lähestyessä
-            ohjeita yhteishakulomakkeen täyttämiseen.
-          </p>
-        </section>
       </Layout>
     </ContentArea>
   </Fragment>

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@ import { Location } from '@reach/router'`
`12`	`12`	const ChildrenList = styled.ul`
`13`	`13`	`height: calc(var(--open-ratio) * var(--calculated-height) * 1px);`
`14`	`14`	`overflow: hidden;`
	`15`	`+ margin-left: 0;`
`15`	`16`	`
`16`	`17`
`17`	`18`	const ListItem = styled.li`
@@ -22,6 +23,7 @@ const ListItem = styled.li`
`22`	`23`	`
`23`	`24`
`24`	`25`	const NavigationLink = styled(GatsbyLink)`
	`26`	`+ padding-left: 0.5rem;`
`25`	`27`	${props => props.active == "t" && `
`26`	`28`	`background-color: #ffccc6;`
`27`	`29`	`width: 100%;`
`@@ -101,7 +103,7 @@ export default class TreeViewItem extends React.Component {`
`101`	`103`	`<NavigationLink`
`102`	`104`	`to={this.props.item.href}`
`103`	`105`	`active={`
`104`		`- this.props.item.href == location.pathname ? 't' : 'f'`
	`106`	`+ (this.props.item.href == location.pathname \|\| this.props.item.href == location.pathname.slice(0, -1)) ? 't' : 'f'`
`105`	`107`	`}`
`106`	`108`	`>`
`107`	`109`	`<ListItem onClick={this.onClick}>`