mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-07 01:41:39 +00:00
[comment panels] fixed bugs & cleaned up some code
This commit is contained in:
@@ -176,7 +176,7 @@ class DetailCommentList extends React.Component {
|
|||||||
<MentionsInput
|
<MentionsInput
|
||||||
value={this.state.comment}
|
value={this.state.comment}
|
||||||
onChange={this.handleCommentChange}
|
onChange={this.handleCommentChange}
|
||||||
placeholder={gettext('Add a comment.')}
|
placeholder={gettext('Add a comment...')}
|
||||||
style={defaultStyle}
|
style={defaultStyle}
|
||||||
>
|
>
|
||||||
<Mention
|
<Mention
|
||||||
|
@@ -202,7 +202,7 @@ class CommentPanel extends React.Component {
|
|||||||
<MentionsInput
|
<MentionsInput
|
||||||
value={this.state.comment}
|
value={this.state.comment}
|
||||||
onChange={this.handleCommentChange}
|
onChange={this.handleCommentChange}
|
||||||
placeholder={gettext('Add a comment.')}
|
placeholder={gettext('Add a comment...')}
|
||||||
style={defaultStyle}
|
style={defaultStyle}
|
||||||
>
|
>
|
||||||
<Mention
|
<Mention
|
||||||
@@ -315,7 +315,7 @@ class CommentItem extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
<div className="seafile-edit-comment">
|
<div className="seafile-edit-comment">
|
||||||
<textarea className="edit-comment-input" value={this.state.newComment} onChange={this.handleCommentChange} clos="100" rows="3" warp="virtual"></textarea>
|
<textarea className="edit-comment-input" value={this.state.newComment} onChange={this.handleCommentChange} clos="100" rows="3" warp="virtual"></textarea>
|
||||||
<Button className="comment-btn" color="success" size="sm" onClick={this.updateComment} id={item.id}>{gettext('Update')}</Button>{' '}
|
<Button className="comment-btn" color="primary" size="sm" onClick={this.updateComment} id={item.id}>{gettext('Update')}</Button>{' '}
|
||||||
<Button className="comment-btn" color="secondary" size="sm" onClick={this.toggleEditComment}>{gettext('Cancel')}</Button>
|
<Button className="comment-btn" color="secondary" size="sm" onClick={this.toggleEditComment}>{gettext('Cancel')}</Button>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
@@ -113,7 +113,7 @@ class ReviewComments extends React.Component {
|
|||||||
<textarea
|
<textarea
|
||||||
className="add-comment-input"
|
className="add-comment-input"
|
||||||
value={this.state.comment}
|
value={this.state.comment}
|
||||||
placeholder={gettext('Add a comment.')}
|
placeholder={gettext('Add a comment...')}
|
||||||
onChange={this.handleCommentChange}
|
onChange={this.handleCommentChange}
|
||||||
clos="100" rows="3" warp="virtual"
|
clos="100" rows="3" warp="virtual"
|
||||||
></textarea>
|
></textarea>
|
||||||
|
@@ -3,8 +3,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.seafile-comment-title,
|
.seafile-comment-title {
|
||||||
.seafile-history-title {
|
|
||||||
border-bottom: 1px solid #e5e5e5;
|
border-bottom: 1px solid #e5e5e5;
|
||||||
min-height: 3em;
|
min-height: 3em;
|
||||||
line-height: 3em;
|
line-height: 3em;
|
||||||
@@ -12,18 +11,15 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
.seafile-comment-title .seafile-comment-title-text,
|
.seafile-comment-title .seafile-comment-title-text {
|
||||||
.seafile-history-title .seafile-history-title-text {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.seafile-comment-title .seafile-comment-title-close,
|
.seafile-comment-title .seafile-comment-title-close {
|
||||||
.seafile-history-title .seafile-history-title-close {
|
|
||||||
color: #b9b9b9;
|
color: #b9b9b9;
|
||||||
}
|
}
|
||||||
.seafile-comment-title .seafile-comment-title-close:hover,
|
.seafile-comment-title .seafile-comment-title-close:hover {
|
||||||
.seafile-history-title .seafile-history-title-close:hover {
|
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
.seafile-comment-item {
|
.seafile-comment-item {
|
||||||
|
Reference in New Issue
Block a user