From 1af84dc1725fbb797537bc10cd1cf766fe110edb Mon Sep 17 00:00:00 2001
From: Kohei TAKATA <kt.koheitakata@gmail.com>
Date: Wed, 20 Dec 2017 21:29:55 +0900
Subject: [PATCH 1/2] Enable to scroll NoteInputSupport

---
 .../note/inputSupport/NoteInputSupport.js     | 135 +++++++++---------
 1 file changed, 69 insertions(+), 66 deletions(-)

diff --git a/app/views/note/inputSupport/NoteInputSupport.js b/app/views/note/inputSupport/NoteInputSupport.js
index 7b75e01..c5b317a 100644
--- a/app/views/note/inputSupport/NoteInputSupport.js
+++ b/app/views/note/inputSupport/NoteInputSupport.js
@@ -3,78 +3,81 @@ import {
   Text,
   View,
   TouchableHighlight,
+  ScrollView,
 } from 'react-native'
 import Styles from './NoteInputSupportStyles'
 
 export default class NoteInputSupport extends React.Component {
   render() {
     return (
-      <View style={Styles.inputSupportWrap}>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('#')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>#</Text>
-            <Text style={Styles.supportSub}>Head</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('- ')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>-</Text>
-            <Text style={Styles.supportSub}>List</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('```\n')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>```</Text>
-            <Text style={Styles.supportSub}>Code</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('**')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>**</Text>
-            <Text style={Styles.supportSub}>Bold</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('_')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>_</Text>
-            <Text style={Styles.supportSub}>italic</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={() => {
-            this.props.insertMarkdownBetween('> ')
-          }}
-          style={Styles.inputElementsStyle}>
-          <View>
-            <Text style={Styles.supportMain}>&gt;</Text>
-            <Text style={Styles.supportSub}>Quote</Text>
-          </View>
-        </TouchableHighlight>
-        <TouchableHighlight
-          onPress={this.props.pasteContent.bind(this)}
-          style={Styles.inputElementsStyle}>
-          <Text style={Styles.pasteButton}>Paste</Text>
-        </TouchableHighlight>
+      <View style={Styles.inputSupportWrap} >
+        <ScrollView horizontal={true} keyboardShouldPersistTaps='always'>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('#')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>#</Text>
+              <Text style={Styles.supportSub}>Head</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('- ')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>-</Text>
+              <Text style={Styles.supportSub}>List</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('```\n')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>```</Text>
+              <Text style={Styles.supportSub}>Code</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('**')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>**</Text>
+              <Text style={Styles.supportSub}>Bold</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('_')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>_</Text>
+              <Text style={Styles.supportSub}>italic</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('> ')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>&gt;</Text>
+              <Text style={Styles.supportSub}>Quote</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            onPress={this.props.pasteContent.bind(this)}
+            style={Styles.inputElementsStyle}>
+            <Text style={Styles.pasteButton}>Paste</Text>
+          </TouchableHighlight>
+        </ScrollView>
       </View>
     )
   }

From 5486d5c9c4e76dbebcaa43166e1298645db379d4 Mon Sep 17 00:00:00 2001
From: Kohei TAKATA <kt.koheitakata@gmail.com>
Date: Wed, 20 Dec 2017 21:30:14 +0900
Subject: [PATCH 2/2] add TaskList to NoteInputSupport

---
 app/views/note/inputSupport/NoteInputSupport.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/views/note/inputSupport/NoteInputSupport.js b/app/views/note/inputSupport/NoteInputSupport.js
index c5b317a..c5c0dce 100644
--- a/app/views/note/inputSupport/NoteInputSupport.js
+++ b/app/views/note/inputSupport/NoteInputSupport.js
@@ -72,6 +72,16 @@ export default class NoteInputSupport extends React.Component {
               <Text style={Styles.supportSub}>Quote</Text>
             </View>
           </TouchableHighlight>
+          <TouchableHighlight
+            onPress={() => {
+              this.props.insertMarkdownBetween('- [ ] ')
+            }}
+            style={Styles.inputElementsStyle}>
+            <View>
+              <Text style={Styles.supportMain}>- [ ]</Text>
+              <Text style={Styles.supportSub}>TaskList</Text>
+            </View>
+          </TouchableHighlight>
           <TouchableHighlight
             onPress={this.props.pasteContent.bind(this)}
             style={Styles.inputElementsStyle}>