diff options
author | 2018-06-28 14:56:28 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:53 +0300 | |
commit | d994e634e8d8876076de377ee0afeef1bd0d1854 (patch) | |
tree | e2098176f15373b3e544d05f407aad4bcf06c846 /vnext | |
parent | 4d1b248d15dbcc40721edd34f87d07f0c0982b80 (diff) |
Thread styling
Diffstat (limited to 'vnext')
-rw-r--r-- | vnext/src/components/Thread.js | 7 | ||||
-rw-r--r-- | vnext/src/style/main.css | 2 |
2 files changed, 7 insertions, 2 deletions
diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js index d25ca228..fd10e86f 100644 --- a/vnext/src/components/Thread.js +++ b/vnext/src/components/Thread.js @@ -6,7 +6,6 @@ import Message from './Message'; import MessageInput from './MessageInput'; import Spinner from './Spinner'; import Avatar from './Avatar'; -import Icon from './Icon'; import Button from './Button'; import { format } from '../utils/embed'; @@ -125,7 +124,7 @@ export default class Thread extends React.Component { { this.props.visitor.uid > 0 ? ( <React.Fragment> - {this.state.active === msg.rid || <Button onClick={() => this.setActive(msg)}><Icon name="ei-envelope" size="s" />Reply</Button>} + {this.state.active === msg.rid || <span style={linkStyle} onClick={() => this.setActive(msg)}>Reply</span>} {this.state.active === msg.rid && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>} </React.Fragment> ) : ( @@ -149,6 +148,10 @@ export default class Thread extends React.Component { } } +const linkStyle = { + cursor: 'pointer' +} + function Recommendations(props) { const recomms = props.src; return recomms && recomms.length > 0 && ( diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css index 9f1d42c0..05a0e653 100644 --- a/vnext/src/style/main.css +++ b/vnext/src/style/main.css @@ -471,6 +471,8 @@ article .tags > a, } #replies .msg-cont { margin: 0; + box-shadow: none; + border-bottom: 1px #eee solid; } #replies .msg-txt, #private-messages .msg-txt { |