diff --git a/client/coral-admin/src/containers/Configure/TechSettings.js b/client/coral-admin/src/containers/Configure/TechSettings.js
index c50a7d507..6fbc302a0 100644
--- a/client/coral-admin/src/containers/Configure/TechSettings.js
+++ b/client/coral-admin/src/containers/Configure/TechSettings.js
@@ -14,19 +14,20 @@ const updateCustomCssUrl = (updateSettings) => (event) => {
const TechSettings = ({settings, onChangeDomainlist, updateSettings}) => {
return (
-
+
- {lang.t('configure.custom-css-url')}
- {lang.t('configure.custom-css-url-desc')}
-
-
+
+
{lang.t('configure.custom-css-url')}
+
{lang.t('configure.custom-css-url-desc')}
+
+
);
diff --git a/client/coral-admin/src/containers/Configure/Wordlist.js b/client/coral-admin/src/containers/Configure/Wordlist.js
index aa79cb8ae..8eb010b79 100644
--- a/client/coral-admin/src/containers/Configure/Wordlist.js
+++ b/client/coral-admin/src/containers/Configure/Wordlist.js
@@ -8,25 +8,29 @@ import {Card} from 'coral-ui';
const Wordlist = ({suspectWords, bannedWords, onChangeWordlist}) => (
- {lang.t('configure.banned-words-title')}
+ {lang.t('configure.banned-words-title')}
{lang.t('configure.banned-word-text')}
- data.split(',').map(d => d.trim())}
- onChange={tags => onChangeWordlist('banned', tags)}
- />
+
+ data.split(',').map(d => d.trim())}
+ onChange={tags => onChangeWordlist('banned', tags)}
+ />
+
- {lang.t('configure.suspect-words-title')}
+ {lang.t('configure.suspect-words-title')}
{lang.t('configure.suspect-word-text')}
- data.split(',').map(d => d.trim())}
- onChange={tags => onChangeWordlist('suspect', tags)} />
+
+ data.split(',').map(d => d.trim())}
+ onChange={tags => onChangeWordlist('suspect', tags)} />
+
);
diff --git a/client/coral-admin/src/translations.json b/client/coral-admin/src/translations.json
index cebc499ca..11d3303d9 100644
--- a/client/coral-admin/src/translations.json
+++ b/client/coral-admin/src/translations.json
@@ -53,6 +53,7 @@
"copy": "Copy to Clipboard"
},
"configure": {
+ "closed-stream-settings": "Closed Stream Message",
"stream-settings": "Stream Settings",
"moderation-settings": "Moderation Settings",
"tech-settings": "Tech Settings",
@@ -63,7 +64,7 @@
"enable-pre-moderation-text": "Moderators must approve any comment before it is published.",
"require-email-verification": "Require Email Verification",
"require-email-verification-text": "New Users must verify their email before commenting",
- "include-comment-stream": "Include Comment Stream Description for Readers.",
+ "include-comment-stream": "Include Comment Stream Description for Readers",
"include-comment-stream-desc": "Write a message to be added to the top of your comment stream. Pose a topic, include community guidelines, etc.",
"include-text": "Include your text here.",
"comment-settings": "Settings",
@@ -79,7 +80,7 @@
"configure": "Configure",
"community": "Community",
"streams": "Streams",
- "closed-comments-desc": "Write a message for closed threads",
+ "closed-comments-desc": "Write a message to be displayed when when your comment stream is closed and no longer accepting comments.",
"closed-comments-label": "Write a message...",
"hours": "Hours",
"days": "Days",
@@ -87,7 +88,7 @@
"close-after": "Close comments after",
"comment-count-header": "Limit Comment Length",
"comment-count-text-pre": "Comments will be limited to ",
- "comment-count-text-post": " characters.",
+ "comment-count-text-post": " characters",
"comment-count-error": "Please enter a valid number.",
"domain-list-title": "Permitted Domains",
"domain-list-text": "Enter the domains you would like to permit for Talk, e.g. your local, staging and production environments (ex. localhost:3000, staging.domain.com, domain.com)."
@@ -178,6 +179,7 @@
"username_flags": ""
},
"configure": {
+ "closed-stream-settings": "Mensaje cuando los comentarios están cerrados en el artículo",
"stream-settings": "Configuración de Comentarios",
"moderation-settings": "Configuración de Moderación",
"tech-settings": "Configuración Technical",
@@ -204,7 +206,7 @@
"configure": "Configurar",
"community": "Comunidad",
"streams": "Streams",
- "closed-comments-desc": "Escribe un mensaje para cuando los comentarios se encuentran cerrados",
+ "closed-comments-desc": "Escribe un mensaje que será mostrado cuando los comentarios estén cerrados y no se acepten más comentarios.",
"closed-comments-label": "Escribe un mensaje...",
"never": "Nunca",
"hours": "Horas",
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index f888b8fa6..009246963 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -80,6 +80,7 @@ hr {
padding: 10px;
margin-bottom: 10px;
display: block;
+ box-sizing: border-box;
}
/* Question Box Styles */
@@ -220,7 +221,7 @@ hr {
.comment__action-container .material-icons {
font-size: 12px;
- margin-left: 3px;
+ margin-left: 3px;
}
button.comment__action-button,
diff --git a/client/coral-ui/components/TextArea.css b/client/coral-ui/components/TextArea.css
new file mode 100644
index 000000000..794064cf1
--- /dev/null
+++ b/client/coral-ui/components/TextArea.css
@@ -0,0 +1,15 @@
+.textArea {
+ textarea {
+ width: 100%;
+ display: block;
+ outline: none;
+ border: 1px solid rgba(0,0,0,.12);
+ padding: 6px;
+ box-sizing: border-box;
+ border-radius: 2px;
+ margin: 5px auto;
+ min-height: 175px;
+ font-size: 14px;
+ resize: none;
+ }
+}
diff --git a/client/coral-ui/components/TextArea.js b/client/coral-ui/components/TextArea.js
new file mode 100644
index 000000000..fedc7914b
--- /dev/null
+++ b/client/coral-ui/components/TextArea.js
@@ -0,0 +1,14 @@
+import React, {PropTypes} from 'react';
+import styles from './TextArea.css';
+
+const TextArea = ({className, value = '', ...props}) => (
+
+
+
+);
+
+TextArea.propTypes = {
+ onChange: PropTypes.func,
+};
+
+export default TextArea;
diff --git a/client/coral-ui/index.js b/client/coral-ui/index.js
index b3498c3e0..148da0383 100644
--- a/client/coral-ui/index.js
+++ b/client/coral-ui/index.js
@@ -22,3 +22,4 @@ export {default as WizardNav} from './components/WizardNav';
export {default as Select} from './components/Select';
export {default as Option} from './components/Option';
export {default as SnackBar} from './components/SnackBar';
+export {default as TextArea} from './components/TextArea';