diff --git a/js/components/ascribe_buttons/acl_button_list.js b/js/components/ascribe_buttons/acl_button_list.js index ef48dd65..0e49d589 100644 --- a/js/components/ascribe_buttons/acl_button_list.js +++ b/js/components/ascribe_buttons/acl_button_list.js @@ -44,7 +44,7 @@ let AclButtonList = React.createClass({ render() { return ( -
+
{title} @@ -71,30 +73,33 @@ let AclInformationButton = React.createClass({ {example}

); }; + this.rows = enabledIndices.map((i)=>{ + return (createJSXTextSnippet(getLangText(titleList[i]), getLangText(infoSentenceList[i]), + getLangText(exampleSentenceList[i]), + titleStyle, infoStyle, exampleStyle)); + }); + + /** for (let i = 0; i < titleList.length; i++){ rows.push(createJSXTextSnippet(getLangText(titleList[i]), getLangText(infoSentenceList[i]), getLangText(exampleSentenceList[i]), titleStyle, infoStyle, exampleStyle)); } - return { - rows: rows, - dropdownButtonStyle: { + */ + + this.dropdownButtonStyle = { background: 'none', color: 'black', padding: 0, border: 'none' - }, - dropdownListStyle: { + }; + this.dropdownListStyle = { textAlign: 'justify', width: '80.8%', border: '1px solid #CCC', backgroundColor: 'white', padding: '0.5em' - } - }; - }, - getInitialState() { - return {isVisible: false}; + }; }, onOff() { if (!this.state.isVisible) { @@ -106,17 +111,15 @@ let AclInformationButton = React.createClass({ }, showInformation() { if (this.state.isVisible) { - return this.props.rows; + return this.rows; } }, render() { return ( -