aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-06-28 14:56:28 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:53 +0300
commitd994e634e8d8876076de377ee0afeef1bd0d1854 (patch)
treee2098176f15373b3e544d05f407aad4bcf06c846
parent4d1b248d15dbcc40721edd34f87d07f0c0982b80 (diff)
Thread styling
-rw-r--r--vnext/src/components/Thread.js7
-rw-r--r--vnext/src/style/main.css2
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 {