diff --git a/client/coral-embed-stream/src/Embed.js b/client/coral-embed-stream/src/Embed.js index c425a822d..e424a99c5 100644 --- a/client/coral-embed-stream/src/Embed.js +++ b/client/coral-embed-stream/src/Embed.js @@ -3,7 +3,7 @@ import {compose} from 'react-apollo'; import {connect} from 'react-redux'; import isEqual from 'lodash/isEqual'; -import {TabBar, Tab, TabContent, Spinner} from '../../coral-ui'; +import {TabBar, Tab, TabContent, Spinner} from 'coral-ui'; const {logout, showSignInDialog} = authActions; const {addNotification, clearNotification} = notificationActions; @@ -17,27 +17,18 @@ import Stream from './Stream'; import InfoBox from 'coral-plugin-infobox/InfoBox'; import Count from 'coral-plugin-comment-count/CommentCount'; import CommentBox from 'coral-plugin-commentbox/CommentBox'; -import UserBox from '../../coral-sign-in/components/UserBox'; -import SignInContainer from '../../coral-sign-in/containers/SignInContainer'; -import SuspendedAccount from '../../coral-framework/components/SuspendedAccount'; -import SettingsContainer from '../../coral-settings/containers/SettingsContainer'; -import RestrictedContent from '../../coral-framework/components/RestrictedContent'; -import ConfigureStreamContainer from '../../coral-configure/containers/ConfigureStreamContainer'; +import UserBox from 'coral-sign-in/components/UserBox'; +import SignInContainer from 'coral-sign-in/containers/SignInContainer'; +import SuspendedAccount from 'coral-framework/components/SuspendedAccount'; +import SettingsContainer from 'coral-settings/containers/SettingsContainer'; +import RestrictedContent from 'coral-framework/components/RestrictedContent'; +import ConfigureStreamContainer from 'coral-configure/containers/ConfigureStreamContainer'; class Embed extends Component { - constructor (props) { - super(props); + state = { activeTab: 0, showSignInDialog: false }; - this.state = { - activeTab: 0, - showSignInDialog: false - }; - - this.changeTab = this.changeTab.bind(this); - } - - changeTab (tab) { + changeTab = (tab) => { this.setState({ activeTab: tab }); @@ -78,7 +69,6 @@ class Embed extends Component { } }, 100); }); - } componentWillReceiveProps (nextProps) { @@ -100,85 +90,93 @@ class Embed extends Component { minHeight: document.body.scrollHeight + 200 } : {}; - return
- { - loading ? - :
+ if (loading) { + return + } + + console.log( + asset + ) + + return ( +
+
- - Settings - Configure Stream + + Settings + Configure Stream - {loggedIn && } - - { - openStream - ?
- - }> - { - user - ? - : null - } - -
- :

{asset.settings.closedMessage}

- } - {!loggedIn && } - - -
- - - - - - - - - -
- } -
; + {loggedIn && } + + { + openStream + ?
+ + }> + { + user + ? + : null + } + +
+ :

{asset.settings.closedMessage}

+ } + {!loggedIn && } + + +
+ + + + + + + + + +
+
+ ); } } diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 28b2066e6..300323d37 100644 --- a/client/coral-embed-stream/style/default.css +++ b/client/coral-embed-stream/style/default.css @@ -219,8 +219,8 @@ hr { .coral-plugin-flags-popup span { min-width: 280px; bottom: 36px; - left: -190px; position: absolute; + right: 10px; } .coral-plugin-flags-popup-form { diff --git a/client/coral-plugin-permalinks/PermalinkButton.js b/client/coral-plugin-permalinks/PermalinkButton.js index eb8c9d78d..ca33e6e17 100644 --- a/client/coral-plugin-permalinks/PermalinkButton.js +++ b/client/coral-plugin-permalinks/PermalinkButton.js @@ -47,24 +47,26 @@ class PermalinkButton extends React.Component { render () { const {copySuccessful, copyFailure} = this.state; return ( -
- -
- this.permalinkInput = input} - value={`${this.props.articleURL}#${this.props.commentId}`} - onChange={() => {}} /> - +
+
+ +
+ this.permalinkInput = input} + value={`${this.props.articleURL}#${this.props.commentId}`} + onChange={() => {}} /> + +
); diff --git a/client/coral-plugin-permalinks/styles.css b/client/coral-plugin-permalinks/styles.css index 0dc0fd26f..c5927034f 100644 --- a/client/coral-plugin-permalinks/styles.css +++ b/client/coral-plugin-permalinks/styles.css @@ -1,15 +1,18 @@ .container { - border-radius: 3px; - border: solid 1px #D8D8D8; border-radius: 3px; padding: 15px 10px; box-sizing: border-box; - box-shadow: 1px 3px 28px 48px rgba(255, 255, 255, 0.75); + box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3); + border: solid 1px #999; width: auto; margin: 0 auto; left: 0; margin: 0 5px; + &:before { + box-shadow: 1px 3px 28px 48px rgba(255, 255, 255, 0.75); + } + input { display: inline-block; width: calc(100% - 78px);