diff --git a/.babelrc b/.babelrc index 41d27bf34..6186cefaf 100644 --- a/.babelrc +++ b/.babelrc @@ -5,7 +5,6 @@ ], "plugins": [ "add-module-exports", - "transform-async-to-generator", "transform-class-properties", "transform-decorators-legacy", "transform-object-assign", diff --git a/.eslintrc.json b/.eslintrc.json index 34b46b83b..293657679 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -4,6 +4,9 @@ "node": true }, "extends": "eslint:recommended", + "parserOptions": { + "ecmaVersion": 2017 + }, "rules": { "indent": ["error", 2 diff --git a/Dockerfile b/Dockerfile index 7cd06e673..fc0b3aca2 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,8 +1,5 @@ FROM node:7.6 -# Add node-gyp for bcrypt build support -RUN yarn global add node-gyp - # Create app directory RUN mkdir -p /usr/src/app WORKDIR /usr/src/app diff --git a/app.js b/app.js index c3f97f831..5b704bea0 100644 --- a/app.js +++ b/app.js @@ -34,6 +34,7 @@ app.use(helmet({ })); app.use(bodyParser.json()); app.use('/client', express.static(path.join(__dirname, 'dist'))); +app.use('/public', express.static(path.join(__dirname, 'public'))); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'ejs'); diff --git a/client/.babelrc b/client/.babelrc new file mode 100644 index 000000000..27289288c --- /dev/null +++ b/client/.babelrc @@ -0,0 +1,6 @@ +{ + "extends": "../.babelrc", + "plugins": [ + "transform-async-to-generator", + ] +} diff --git a/client/coral-admin/src/components/BanUserButton.css b/client/coral-admin/src/components/BanUserButton.css index 36243348f..6e8e50f71 100644 --- a/client/coral-admin/src/components/BanUserButton.css +++ b/client/coral-admin/src/components/BanUserButton.css @@ -5,7 +5,7 @@ i { vertical-align: middle; - margin-right: 10px; + margin-right: 5px; font-size: 14px; } } diff --git a/client/coral-admin/src/components/ui/Header.js b/client/coral-admin/src/components/ui/Header.js index 4a2314926..6425507d0 100644 --- a/client/coral-admin/src/components/ui/Header.js +++ b/client/coral-admin/src/components/ui/Header.js @@ -14,28 +14,35 @@ const CoralHeader = ({handleLogout, restricted = false}) => (
{lang.t('configure.dashboard')} {lang.t('configure.moderate')} - {lang.t('configure.streams')} - {lang.t('configure.community')} diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css index 058ff7a64..6cb623978 100644 --- a/client/coral-admin/src/containers/Configure/Configure.css +++ b/client/coral-admin/src/containers/Configure/Configure.css @@ -24,10 +24,30 @@ margin-bottom: 20px; align-items: flex-start; min-height: 100px; + max-width: 600px; h3 { margin: 0; } + + .actions { + display: inline-block; + width: 100%; + + .copiedText { + display: inline-block; + color: #00796b; + padding: 12px; + font-size: 14px; + float: right; + } + + .copyButton { + display: inline-block; + width: 200px; + float: right; + } + } } .settingsError { @@ -41,7 +61,9 @@ .settingsHeader { margin-top: 3px; - margin-bottom: 10px; + margin-bottom: 7px; + font-size: 18px; + font-weight: 500; } .disabledSettingText { @@ -58,11 +80,6 @@ overflow: visible; } -.configSettingInfoBox p { - font-size: 12px; - bottom: 0; -} - .configSettingEmbed { border: 1px solid #ccc; border-radius: 4px; @@ -81,6 +98,8 @@ border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; + font-size: 14px; + text-align: center; } .charCountTexfieldEnabled { @@ -96,29 +115,18 @@ color: white; } -.copiedText { - color: #00796b; - float: right; - padding: 12px; - font-size: 14px; -} - -.copyButton { - float: right; - width: 200px; -} - .embedInput { - border-radius: 3px; - border: 1px solid #ccc; + width: 100%; display: block; - width: 90%; - vertical-align: middle; - margin-bottom: 10px; - color: #555; - padding: 14px; + 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; - letter-spacing: 0.03em; + resize: none; } #bannedWordlist, #suspectWordlist { @@ -170,3 +178,24 @@ padding-left: 30px; } } + +.Configure { + + p { + line-height: 1.2; + max-width: 550px; + } + + .wrapper { + width: 550px; + } + + .descriptionBox { + margin-top: 15px; + max-width: 550px; + + input { + height: 150px; + } + } +} diff --git a/client/coral-admin/src/containers/Configure/Domainlist.js b/client/coral-admin/src/containers/Configure/Domainlist.js index c8c7cbd6c..f1fc25dd0 100644 --- a/client/coral-admin/src/containers/Configure/Domainlist.js +++ b/client/coral-admin/src/containers/Configure/Domainlist.js @@ -10,15 +10,19 @@ const lang = new I18n(translations); const Domainlist = ({domains, onChangeDomainlist}) => { return ( -

{lang.t('configure.domain-list-title')}

-

{lang.t('configure.domain-list-text')}

- data.split(',').map(d => d.trim())} - onChange={tags => onChangeDomainlist('whitelist', tags)} - /> +
+
{lang.t('configure.domain-list-title')}
+

{lang.t('configure.domain-list-text')}

+
+ data.split(',').map(d => d.trim())} + onChange={tags => onChangeDomainlist('whitelist', tags)} + /> +
+
); }; diff --git a/client/coral-admin/src/containers/Configure/EmbedLink.js b/client/coral-admin/src/containers/Configure/EmbedLink.js index 674bafa6e..86ab8b1f8 100644 --- a/client/coral-admin/src/containers/Configure/EmbedLink.js +++ b/client/coral-admin/src/containers/Configure/EmbedLink.js @@ -45,13 +45,19 @@ class EmbedLink extends Component { `.trim(); return ( -

Embed Comment Stream

-

{lang.t('configure.copy-and-paste')}

-