mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

Minor Ui improvements (#6515)

Просмотр исходного кода 
* PLT-6645 - Improving copy pasting behaviour

* PLT-6149 - Fixing edited indicator in search
Этот коммит содержится в:
Asaad Mahmood
2017-05-30 20:19:29 +05:00
коммит произвёл Corey Hulen
родитель 860e5d483c
Коммит b2453735b2
6 изменённых файлов: 52 добавлений и 46 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

12
webapp/components/post_view/components/post_header.jsx
Просмотреть файл

@@ -53,7 +53,7 @@ export default class PostHeader extends React.Component {
);
}
botIndicator = <li className='bot-indicator'>{Constants.BOT_NAME}</li>;
botIndicator = <div className='bot-indicator'>{Constants.BOT_NAME}</div>;
} else if (isSystemMessage) {
userProfile = (
<UserProfile
@@ -75,10 +75,10 @@ export default class PostHeader extends React.Component {
}
return (
<ul className='post__header'>
<li className='col col__name'>{userProfile}{colon}</li>
<div className='post__header'>
<div className='col col__name'>{userProfile}{colon}</div>
{botIndicator}
<li className='col'>
<div className='col'>
<PostInfo
post={post}
lastPostCount={this.props.lastPostCount}
@@ -92,8 +92,8 @@ export default class PostHeader extends React.Component {
useMilitaryTime={this.props.useMilitaryTime}
isFlagged={this.props.isFlagged}
/>
</li>
</ul>
</div>
</div>
);
}
}

16
webapp/components/post_view/components/post_info.jsx
Просмотреть файл

@@ -388,16 +388,16 @@ export default class PostInfo extends React.Component {
let options;
if (isEphemeral) {
options = (
<li className='col col__remove'>
<div className='col col__remove'>
{this.createRemovePostButton()}
</li>
</div>
);
} else if (!isPending) {
const dropdown = this.createDropdown(isSystemMessage);
if (dropdown) {
options = (
<li className='col col__reply'>
<div className='col col__reply'>
<div
className='dropdown'
ref='dotMenu'
@@ -406,7 +406,7 @@ export default class PostInfo extends React.Component {
</div>
{react}
{comments}
</li>
</div>
);
}
}
@@ -424,8 +424,8 @@ export default class PostInfo extends React.Component {
}
return (
<ul className='post__header--info'>
<li className='col'>
<div className='post__header--info'>
<div className='col'>
<PostTime
eventTime={post.create_at}
sameUser={this.props.sameUser}
@@ -442,9 +442,9 @@ export default class PostInfo extends React.Component {
isFlagged={this.props.isFlagged}
isEphemeral={isEphemeral}
/>
</li>
</div>
{options}
</ul>
</div>
);
}
}

22
webapp/components/rhs_comment.jsx
Просмотреть файл

@@ -436,7 +436,7 @@ export default class RhsComment extends React.Component {
);
}
botIndicator = <li className='col col__name bot-indicator'>{'BOT'}</li>;
botIndicator = <div className='col col__name bot-indicator'>{'BOT'}</div>;
} else if (isSystemMessage) {
userProfile = (
<UserProfile
@@ -573,17 +573,17 @@ export default class RhsComment extends React.Component {
let options;
if (isEphemeral) {
options = (
<li className='col col__remove'>
<div className='col col__remove'>
{this.createRemovePostButton()}
</li>
</div>
);
} else if (!isSystemMessage) {
options = (
<li className='col col__reply'>
<div className='col col__reply'>
{reactOverlay}
{this.createDropdown(isSystemMessage)}
{react}
</li>
</div>
);
}
@@ -613,12 +613,12 @@ export default class RhsComment extends React.Component {
<div className='post__content'>
{profilePicContainer}
<div>
<ul className='post__header'>
<li className='col col__name'>
<div className='post__header'>
<div className='col col__name'>
<strong>{userProfile}</strong>
</li>
</div>
{botIndicator}
<li className='col'>
<div className='col'>
{this.renderTimeTag(post, timeOptions)}
{pinnedBadge}
<PostFlagIcon
@@ -628,9 +628,9 @@ export default class RhsComment extends React.Component {
isFlagged={this.props.isFlagged}
isEphemeral={isEphemeral}
/>
</li>
</div>
{options}
</ul>
</div>
<div className='post__body' >
<div className={postClass}>
{loading}

16
webapp/components/rhs_root_post.jsx
Просмотреть файл

@@ -454,7 +454,7 @@ export default class RhsRootPost extends React.Component {
);
}
botIndicator = <li className='col col__name bot-indicator'>{'BOT'}</li>;
botIndicator = <div className='col col__name bot-indicator'>{'BOT'}</div>;
} else if (isSystemMessage) {
userProfile = (
<UserProfile
@@ -559,10 +559,10 @@ export default class RhsRootPost extends React.Component {
<div className='post__content'>
{profilePicContainer}
<div>
<ul className='post__header'>
<li className='col__name'>{userProfile}</li>
<div className='post__header'>
<div className='col__name'>{userProfile}</div>
{botIndicator}
<li className='col'>
<div className='col'>
{this.renderTimeTag(post, timeOptions)}
{pinnedBadge}
<PostFlagIcon
@@ -570,13 +570,13 @@ export default class RhsRootPost extends React.Component {
postId={post.id}
isFlagged={this.props.isFlagged}
/>
</li>
<li className='col col__reply'>
</div>
<div className='col col__reply'>
{reactOverlay}
{rootOptions}
{react}
</li>
</ul>
</div>
</div>
<div className='post__body'>
<div className={postClass}>
<PostBodyAdditionalContent

29
webapp/components/search_results_item.jsx
Просмотреть файл

@@ -150,7 +150,7 @@ export default class SearchResultsItem extends React.Component {
let botIndicator;
if (post.props && post.props.from_webhook) {
botIndicator = <li className='bot-indicator'>{Constants.BOT_NAME}</li>;
botIndicator = <div className='bot-indicator'>{Constants.BOT_NAME}</div>;
}
const profilePic = (
@@ -169,6 +169,11 @@ export default class SearchResultsItem extends React.Component {
compactClass = ' post--compact';
}
let postClass = '';
if (PostUtils.isEdited(this.props.post)) {
postClass += ' post--edited';
}
let fileAttachment = null;
if (post.file_ids && post.file_ids.length > 0) {
fileAttachment = (
@@ -202,7 +207,7 @@ export default class SearchResultsItem extends React.Component {
);
rhsControls = (
<li className='col__controls'>
<div className='col__controls'>
<CommentIcon
idPrefix={'searchCommentIcon'}
idCount={idCount}
@@ -243,7 +248,7 @@ export default class SearchResultsItem extends React.Component {
defaultMessage='Jump'
/>
</a>
</li>
</div>
);
message = (
@@ -289,8 +294,8 @@ export default class SearchResultsItem extends React.Component {
<div className='post__content'>
{profilePicContainer}
<div>
<ul className='post__header'>
<li className='col col__name'><strong>
<div className='post__header'>
<div className='col col__name'><strong>
<UserProfile
user={user}
overwriteName={overrideUsername}
@@ -298,18 +303,20 @@ export default class SearchResultsItem extends React.Component {
status={this.props.status}
isBusy={this.props.isBusy}
/>
</strong></li>
</strong></div>
{botIndicator}
<li className='col'>
<div className='col'>
{this.renderTimeTag(post)}
{pinnedBadge}
{flagContent}
</li>
</div>
{rhsControls}
</ul>
</div>
<div className='search-item-snippet post__body'>
{message}
{fileAttachment}
<div className={postClass}>
{message}
{fileAttachment}
</div>
</div>
</div>
</div>

3
webapp/sass/layout/_post.scss
Просмотреть файл

@@ -1028,11 +1028,10 @@
}
.post__header {
list-style: none;
margin-bottom: 2px;
padding: 0;
li {
> div {
display: inline-block;
vertical-align: top;
}