haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-02 07:27:04 +00:00
Code Issues Releases Wiki Activity

long name comment (#3537)

Browse Source 
* long name comment

* reviewer dialog name
This commit is contained in:
Michael An
2019-05-28 17:53:51 +08:00
committed by Daniel Pan
parent 742a327e1c
commit e92bc848b2
9 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/dialog/add-reviewer-dialog.js
View File

@@ -115,9 +115,9 @@ class AddReviewerDialog extends React.Component {
reviewers.map((item, index = 0, arr) => {
return (
<div className="reviewer-select-info" key={index}>
<div>
<div className="d-flex">
<img className="avatar reviewer-select-avatar" src={item.avatar_url} alt=""/>
<span className="reviewer-select-name">{item.user_name}</span>
<span className="reviewer-select-name ellipsis">{item.user_name}</span>
</div>
<i className="fa fa-times" name={item.user_email} onClick={this.deleteReviewer}></i>
</div>

4
frontend/src/components/file-view/comment-panel.js
View File

@@ -219,7 +219,7 @@ class CommentItem extends React.Component {
<div className="seafile-comment-info">
<img className="avatar" src={item.avatar_url} alt=""/>
<div className="reviewer-info">
<div className="reviewer-name">{item.user_name}</div>
<div className="reviewer-name ellipsis">{item.user_name}</div>
<div className="review-time">{this.props.time}</div>
</div>
</div>
@@ -237,7 +237,7 @@ class CommentItem extends React.Component {
<div className="seafile-comment-info">
<img className="avatar" src={item.avatar_url} alt=""/>
<div className="reviewer-info">
<div className="reviewer-name">{item.user_name}</div>
<div className="reviewer-name ellipsis">{item.user_name}</div>
<div className="review-time">{this.props.time}</div>
</div>
<Dropdown isOpen={this.state.dropdownOpen} size="sm"

4
frontend/src/components/review-list-view/review-comments.js
View File

@@ -273,7 +273,7 @@ class CommentItem extends React.Component {
<div className="seafile-comment-info">
<img className="avatar" src={item.avatarUrl} alt=""/>
<div className="reviewer-info">
<div className="reviewer-name">{item.name}</div>
<div className="reviewer-name ellipsis">{item.name}</div>
<div className="review-time">{item.time}</div>
</div>
</div>
@@ -298,7 +298,7 @@ class CommentItem extends React.Component {
<div className="seafile-comment-info">
<img className="avatar" src={item.avatarUrl} alt=""/>
<div className="reviewer-info">
<div className="reviewer-name">{item.name}</div>
<div className="reviewer-name ellipsis">{item.name}</div>
<div className="review-time">{item.time}</div>
</div>
{!item.resolved &&

2
frontend/src/components/wiki-markdown-viewer.js
View File

@@ -22,7 +22,7 @@ const propTypes = {
path: PropTypes.string,
};
const contentClass = 'wiki-page-content w-100';
const contentClass = 'wiki-page-content';
class WikiMarkdownViewer extends React.Component {

6
frontend/src/css/comments-list.css
View File

@@ -59,6 +59,7 @@
}
.seafile-comment-item .seafile-comment-info .reviewer-info {
padding-left: 10px;
max-width: 75%;
}
.seafile-comment-item .seafile-comment-info .review-time {
font-size: 10px;
@@ -126,3 +127,8 @@
.seafile-edit-comment .comment-btn {
height: 28px;
}
@media (max-width: 768px) {
.seafile-comment-toggle-resolved {
width: 100%;
}
}

1
frontend/src/css/group-view.css
View File

@@ -17,6 +17,7 @@
}
.group-member-list .user-item .group-member-name {
margin: 0 5px;
max-width: 70%;
}
.group-member-list .user-item .group-member-admin {
color: #888;

1
frontend/src/css/review-comments.css
View File

@@ -50,6 +50,7 @@
padding-left: 10px;
height: 2rem;
display: block;
max-width: 75%;
}
.seafile-comment-item .seafile-comment-info .reviewer-name {
font-size: 1rem;

4
frontend/src/draft.js
View File

@@ -898,7 +898,7 @@ class SidePanelReviewers extends React.Component {
return (
<div className="reviewer-info" key={index}>
<img className="avatar review-side-panel-avatar" src={item.avatar_url} alt=""/>
<span className="reviewer-name">{item.user_name}</span>
<span className="reviewer-name ellipsis">{item.user_name}</span>
</div>
);
})
@@ -924,7 +924,7 @@ class SidePanelAuthor extends React.Component {
<div className="review-side-panel-header">{gettext('Author')}</div>
<div className="author-info">
<img className="avatar review-side-panel-avatar" src={authorAvatar} alt=""/>
<span className="author-name">{author}</span>
<span className="author-name ellipsis">{author}</span>
</div>
</div>
);

6
frontend/src/pages/groups/group-view.js
View File

@@ -442,10 +442,10 @@ class GroupView extends React.Component {
this.state.groupMembers.map(function(item, index) {
return (
<li key={index}>
<a href="#" className="sf-popover-item user-item">
<a href="#" className="sf-popover-item user-item d-flex">
<img src={item.avatar_url} alt="" className="group-member-avatar avatar"/>
<span className="txt-item ellipsis">
<span className="group-member-name">{item.name}</span>
<span className="txt-item ellipsis d-flex">
<span className="group-member-name ellipsis">{item.name}</span>
<span className="group-member-admin">{that.translateRole(item.role)}</span>
</span>
</a>