diff --git a/client/coral-admin/src/containers/Configure.css b/client/coral-admin/src/containers/Configure.css index 2c65fd5bc..18f12cacd 100644 --- a/client/coral-admin/src/containers/Configure.css +++ b/client/coral-admin/src/containers/Configure.css @@ -25,10 +25,19 @@ .configSettingEmbed { border: 1px solid #ccc; border-radius: 4px; - height: 90px; margin-bottom: 10px; display: block; - height: 170px; +} + +.copiedText { + color: #008000; + float: right; + padding: 12px; + font-size: 14px; +} + +.copyButton { + float: right; } .embedInput { @@ -40,6 +49,6 @@ margin-bottom: 10px; color: #555; padding: 14px; - font-size: 16px; + font-size: 14px; letter-spacing: 0.03em; } diff --git a/client/coral-admin/src/containers/Configure.js b/client/coral-admin/src/containers/Configure.js index 5cb504ee4..4c6253eaf 100644 --- a/client/coral-admin/src/containers/Configure.js +++ b/client/coral-admin/src/containers/Configure.js @@ -17,7 +17,8 @@ import translations from '../translations'; class Configure extends React.Component { constructor (props) { super(props); - this.state = {activeSection: 'comments'}; + this.state = {activeSection: 'comments', copied: false}; + this.copyToClipBoard = this.copyToClipBoard.bind(this); } getCommentSettings () { @@ -47,22 +48,24 @@ class Configure extends React.Component { try { document.execCommand('copy'); + this.setState({copied: true}); } catch (err) { - console.error('Unable to copy'); + console.error('Unable to copy', err); } } getEmbed () { const embedText = - `
`; + `
`; return

Copy and paste code below into your CMS to embed your comment box in your articles

- - +