Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

MM-25492, MM-25485, MM-25483 - Autocomplete ui fixes #5593

Merged
merged 3 commits into from
May 27, 2020
Merged

MM-25492, MM-25485, MM-25483 - Autocomplete ui fixes #5593

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5f321ff
MM-25492 - Alignign autocomplete to the left
asaadmahmood May 26, 2020
02049b8
MM-25485 - Updating icon sizes in switcher modal
asaadmahmood May 26, 2020
540b226
MM-25483 - Updating icon sizes in popover
asaadmahmood May 26, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
MM-25483 - Updating icon sizes in popover
  • Loading branch information
@asaadmahmood
asaadmahmood committed May 26, 2020
commit 540b226e690cbc3250b197731aff137d1390e97a
8 changes: 3 additions & 5 deletions components/suggestion/channel_mention_provider.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ class ChannelMentionSuggestion extends Suggestion {
const item = this.props.item;

const channelName = item.channel.display_name;
const channelIcon = (<span className='suggestion-list__icon suggestion-list__icon--standard'><i className='icon icon--no-spacing icon-globe'/></span>);
const channelIcon = (<span className='suggestion-list__icon suggestion-list__icon--large'><i className='icon icon--no-spacing icon-globe'/></span>);

let className = 'mentions__name no-flex';
if (isSelection) {
Expand All @@ -36,10 +36,8 @@ class ChannelMentionSuggestion extends Suggestion {
onMouseMove={this.handleMouseMove}
{...Suggestion.baseProps}
>
<div className='mention__align'>
<span>
{channelIcon}
</span>
<div className='d-flex align-items-center'>
{channelIcon}
<span>
{channelName}
</span>
Expand Down
2 changes: 1 addition & 1 deletion components/suggestion/search_channel_with_permissions_provider.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ class SearchChannelWithPermissionsSuggestion extends Suggestion {
}}
{...Suggestion.baseProps}
>
<span className='suggestion-list__icon suggestion-list__icon--standard'>{icon}</span>
<span className='suggestion-list__icon suggestion-list__icon--large'>{icon}</span>
{displayName}
</div>
);
Expand Down
8 changes: 6 additions & 2 deletions sass/components/_suggestion-list.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,19 @@
flex: 0 0 1.6rem;

&--standard {
font-size: 1.6rem;
font-size: 1.2rem;
margin: 0 12px 0 0;
width: 1.6rem;
flex: 0 0 2.4rem;
width: 2rem;
height: 2rem;
}

&--large {
font-size: 1.6rem;
margin: 0 12px 0 0;
flex: 0 0 2.4rem;
width: 2.4rem;
height: 2.4rem;
}

.status--group {
Expand Down