github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-23 14:21:18 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweak reply placeholder appearance

Browse Source
This commit is contained in:
Toby Zerner 2015-06-01 17:54:37 +09:30
parent 5d28fc2713
commit 8638e9c9ca
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/forum/src/components/reply-placeholder.js
View File

@ -3,7 +3,7 @@ import avatar from 'flarum/helpers/avatar';
export default class ReplyPlaceholder extends Component {
view() {
return m('article.post.reply-post', {onclick: () => this.props.discussion.replyAction(true)}, [
return m('article.post.reply-post', {onmousedown: () => this.props.discussion.replyAction(true)}, [
m('header.post-header', avatar(app.session.user()), 'Write a Reply...'),
]);
}

22
less/forum/discussion.less
View File

@ -463,17 +463,23 @@
font-size: 15px;
cursor: text;
overflow: hidden;
margin: -15px;
padding: 15px 15px 15px 90px + 15px;
margin: 50px -20px 0;
border: 2px dashed @fl-body-secondary-color;
color: @fl-body-muted-color;
border-radius: 10px;
padding: 20px 20px 20px 110px;
transition: color 0.2s, border-color 0.2s;
& .avatar {
opacity: 0.25;
& .post-header {
padding-top: 18px;
color: inherit;
}
& .avatar {
margin-top: -18px;
}
&:hover {
border: 1px dashed @fl-body-secondary-color;
border-radius: 64px;
margin: -16px;
color: @fl-secondary-color;
border-color: @fl-body-muted-color;
}
}