From 6ddd07172ab2f5f78e5e5386505af074d0dd4f9d Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 1 Oct 2017 16:05:40 -0700
Subject: [PATCH] Strike through done checkbox items

---
 frontend/components/Editor/components/TodoItem.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Editor/components/TodoItem.js b/frontend/components/Editor/components/TodoItem.js
index 47b75603f..2418ead44 100644
--- a/frontend/components/Editor/components/TodoItem.js
+++ b/frontend/components/Editor/components/TodoItem.js
@@ -1,6 +1,7 @@
 // @flow
 import React, { Component } from 'react';
 import styled from 'styled-components';
+import { color } from 'styles/constants';
 import type { Props } from '../types';
 
 export default class TodoItem extends Component {
@@ -22,7 +23,7 @@ export default class TodoItem extends Component {
     const { children, checked, readOnly } = this.props;
 
     return (
-      <ListItem>
+      <ListItem checked={checked}>
         <Input
           type="checkbox"
           checked={checked}
@@ -39,6 +40,8 @@ export default class TodoItem extends Component {
 const ListItem = styled.li`
   padding-left: 1.4em;
   position: relative;
+  text-decoration: ${props => (props.checked ? 'line-through' : 'none')};
+  color: ${props => (props.checked ? color.slateDark : 'inherit')};
 `;
 
 const Input = styled.input`