mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-25 18:51:40 +02:00
Code Issues 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 ccf63a65e9
commit 2900cac456
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
framework/core/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 { export default class ReplyPlaceholder extends Component {
view() { 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...'), m('header.post-header', avatar(app.session.user()), 'Write a Reply...'),
]); ]);
} }

22
framework/core/less/forum/discussion.less
View File

@@ -463,17 +463,23 @@
font-size: 15px; font-size: 15px;
cursor: text; cursor: text;
overflow: hidden; overflow: hidden;
margin: -15px; margin: 50px -20px 0;
padding: 15px 15px 15px 90px + 15px; 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 { & .post-header {
opacity: 0.25; padding-top: 18px;
color: inherit;
}
& .avatar {
margin-top: -18px;
} }
&:hover { &:hover {
border: 1px dashed @fl-body-secondary-color; color: @fl-secondary-color;
border-radius: 64px; border-color: @fl-body-muted-color;
margin: -16px;
} }
} }